chore: setup project for production

app/products/[name]/page.jsx

@@ -0,0 +1,22 @@
+import AddToCardLeftSection from "@/components/products/AddToCardLeftSection";
+import AddToCardRightSection from "@/components/products/AddToCardRightSection";
+import RelatedProductCards from "@/components/products/RelatedProductCards";
+import RelatedVideos from "@/components/products/RelatedVideos";
+import React from "react";
+
+const page = ({ params }) => {
+  
+  return (
+    <div className="min-h-screen bg-white">
+     
+      <div className="flex gap-3 min-h-screen sm:flex-row flex-col">
+        <AddToCardLeftSection productId={params.name} />
+        <AddToCardRightSection productId={params.name}/>
+      </div>
+      <RelatedProductCards productId={params.name}/>
+      {/* <RelatedVideos /> */}
+    </div>
+  );
+};
+
+export default page;

app/products/premium-rudraksha-consultation-astrology/page.jsx

@@ -0,0 +1,26 @@
+import PremiumBanner from '@/components/premium-rudraksha/PremiumBanner'
+import PremiumBannerLast from '@/components/premium-rudraksha/PremiumBannerLast'
+import PremiumBannerOne from '@/components/premium-rudraksha/PremiumBannerOne'
+import PremiumBannerTwo from '@/components/premium-rudraksha/PremiumBannerTwo'
+import PremuimBannerThree from '@/components/premium-rudraksha/PremuimBannerThree'
+import React from 'react'
+
+export const metadata = {
+  title: "Premium Rudraksha Consultation Astrology",
+  description: "Generated by create next app",
+};
+
+
+const Page = () => {
+  return (
+    <div>
+      <PremiumBanner />
+      <PremiumBannerOne />
+      <PremiumBannerTwo />
+      <PremuimBannerThree />
+      <PremiumBannerLast />
+    </div>
+  )
+}
+
+export default Page