Update src/app/recipes/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TextAbout from '@/components/sections/about/TextAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} />
+        </div>
+        <div id="about" data-section="about">
+            <TextAbout title="About RecipeStream" useInvertedBackground={false} />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia logoText="RecipeStream" videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg" columns={[{title: "Links", items: [{label: "Home", href: "/"}, {label: "Contact", href: "/contact"}]}]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit title="Get in Touch" description="We'd love to hear from you. Reach out with any culinary questions!" tag="Contact Us" background={{ variant: "plain" }} useInvertedBackground={false} />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia logoText="RecipeStream" videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg" columns={[{title: "Links", items: [{label: "Home", href: "/"}, {label: "About", href: "/about"}]}]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,45 +31,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Features",          id: "#features"},
-        {
-          name: "Trading",          id: "#products"},
-        {
-          name: "Metrics",          id: "#metrics"},
-        {
-          name: "Testimonials",          id: "#testimonials"},
+        { name: "About", id: "/about" },
+        { name: "Features", id: "#features" },
+        { name: "Markets", id: "#products" },
+        { name: "Contact", id: "/contact" },
       ]}
-      brandName="TradeStream"
+      brandName="RecipeStream"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars"}}
-      title="Trade Smarter with TradeStream"
-      description="Experience professional-grade trading technology designed for speed, precision, and reliable growth. Join thousands of traders using our advanced platform."
-      tag="Advanced Trading Platform"
+      background={{ variant: "gradient-bars" }}
+      title="Delicious Recipes, Simplified"
+      description="Discover professional-grade culinary secrets designed for speed, flavor, and reliable results. Join thousands of home cooks using our advanced platform."
+      tag="The Ultimate Culinary Platform"
       buttons={[
-        {
-          text: "Start Trading",          href: "#products"},
-        {
-          text: "Learn More",          href: "#about"},
+        { text: "Start Cooking", href: "#products" },
+        { text: "Learn More", href: "/about" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66723.jpg",          imageAlt: "Dashboard"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100329.jpg",          imageAlt: "Global Map"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904316.jpg",          imageAlt: "Tablet"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg",          imageAlt: "Data"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/stockbroker-analyzing-trading-data_482257-121321.jpg",          imageAlt: "Monitor"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bitcoins-2021-calendar-assortment_23-2148783051.jpg",          imageAlt: "Mobile"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/cooking-with-herbs-spices_1150-1317.jpg", imageAlt: "Cooking" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/fresh-ingredients-wooden-table_23-2148184511.jpg", imageAlt: "Ingredients" },
       ]}
     />
   </div>
@@ -77,11 +60,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      title="Built for Serious Traders"
-      buttons={[
-        {
-          text: "Discover Advantages"},
-      ]}
+      title="Built for Passionate Cooks"
+      buttons={[{ text: "Discover Our Mission", href: "/about" }]}
     />
   </div>
 
@@ -90,15 +70,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Ultra-Fast Execution",          description: "Millisecond-level order routing.",          imageSrc: "http://img.b2bpic.net/free-photo/sound-waves-coming-out-from-human-ear_23-2149831013.jpg"},
-        {
-          title: "Bank-Grade Security",          description: "Multi-factor authentication & encryption.",          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-protecting-digital-data-from-threats_23-2152029092.jpg"},
-        {
-          title: "AI Analytics",          description: "Predictive insights powered by ML.",          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg"},
+        { title: "Quick Recipes", description: "Delicious meals in minutes.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-salad-wooden-table_1150-28062.jpg" },
+        { title: "Expert Tips", description: "Master techniques with ease.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-dish-restaurant-kitchen_23-2148905333.jpg" },
+        { title: "Ingredient Sourcing", description: "Only the freshest ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/assorted-vegetables-wooden-table_1150-32777.jpg" },
       ]}
       title="Platform Highlights"
-      description="Powerful tools for modern market participants."
+      description="Powerful tools for modern culinary exploration."
     />
   </div>
 
@@ -109,21 +86,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Global Stocks",          price: "Low Spread",          imageSrc: "http://img.b2bpic.net/free-vector/stock-market-financial-chart-bear-vs-bull-strategy-background_1017-61212.jpg"},
-        {
-          id: "p2",          name: "Forex Pairs",          price: "24/7 Access",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625677.jpg"},
-        {
-          id: "p3",          name: "Crypto Assets",          price: "High Volatility",          imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572129.jpg"},
-        {
-          id: "p4",          name: "Commodity Futures",          price: "Stable",          imageSrc: "http://img.b2bpic.net/free-photo/candlestick-graph-investment-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1918.jpg"},
-        {
-          id: "p5",          name: "Fixed Income Bonds",          price: "Conservative",          imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761042.jpg"},
-        {
-          id: "p6",          name: "Options Trading",          price: "Advanced",          imageSrc: "http://img.b2bpic.net/free-photo/business-background-design_1156-861.jpg"},
+        { id: "p1", name: "Healthy Meals", price: "Fast", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad_1150-4248.jpg" },
+        { id: "p2", name: "Gourmet Dinners", price: "Sophisticated", imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-meal_1150-12345.jpg" },
+        { id: "p3", name: "Quick Snacks", price: "Simple", imageSrc: "http://img.b2bpic.net/free-photo/tasty-snacks_1150-54321.jpg" },
       ]}
-      title="Explore Our Markets"
-      description="Diversified access to global liquidity."
+      title="Explore Our Recipes"
+      description="Diverse culinary inspirations."
     />
   </div>
 
@@ -133,15 +101,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "99.9%",          title: "Server Uptime",          description: "Stable performance.",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-colorful-shapes_23-2148879428.jpg"},
-        {
-          id: "m2",          value: "1.2M",          title: "Active Traders",          description: "Global community.",          imageSrc: "http://img.b2bpic.net/free-photo/arrows-economy-chart_23-2148541996.jpg"},
-        {
-          id: "m3",          value: "24/7",          title: "Support Availability",          description: "Always ready.",          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637779.jpg"},
+        { id: "m1", value: "99%", title: "Success Rate", description: "Perfect dishes guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-food-arrangement_23-2148184511.jpg" },
+        { id: "m2", value: "1.2M", title: "Home Chefs", description: "Global culinary community.", imageSrc: "http://img.b2bpic.net/free-photo/chef-hat-ingredients_23-2148905333.jpg" },
+        { id: "m3", value: "24/7", title: "Expert Support", description: "Cooking help anytime.", imageSrc: "http://img.b2bpic.net/free-photo/food-presentation-close-up_1150-28062.jpg" },
       ]}
-      title="Unmatched Performance"
-      description="Data-backed reliability."
+      title="Unmatched Quality"
+      description="Quality-backed results."
     />
   </div>
 
@@ -151,25 +116,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "The best platform I have used. Fast and reliable.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg"},
-        {
-          id: "2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "Excellent analytics tools. Improved my returns significantly.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/presenting-ideas-pretty-colleague_1098-12697.jpg"},
-        {
-          id: "3",          name: "Emily Rodriguez",          handle: "@emilyrod",          testimonial: "Highly secure and easy to understand interface.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-financial-expert-office-serious-thoughtful-man-working-his-workplace-analyzing-financial-data-stock-market-enjoying-thinking-financial-analytics-business-strate_74855-23333.jpg"},
-        {
-          id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "Support team is always responsive. Top notch.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-dressed-suit_171337-370.jpg"},
-        {
-          id: "5",          name: "Alex Smith",          handle: "@asmith",          testimonial: "Reliable execution even during high volatility.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-manager-preparing-report-executive-board_1098-19003.jpg"},
+        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best recipes I have ever used. Simply delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-chef_1098-16109.jpg" },
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Excellent instructions. Improved my cooking skills significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cooking-class-participant_1098-12697.jpg" },
       ]}
       showRating={true}
-      title="Trader Success Stories"
-      description="Real feedback from our global trading community."
+      title="Chef Success Stories"
+      description="Real feedback from our global community."
     />
   </div>
 
@@ -177,14 +129,11 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",          title: "How do I start?",          content: "Sign up for an account, verify identity, and deposit funds."},
-        {
-          id: "f2",          title: "Is my money safe?",          content: "Yes, we use advanced encryption and cold storage."},
-        {
-          id: "f3",          title: "What assets can I trade?",          content: "Stocks, forex, crypto, commodities, and bonds."},
+        { id: "f1", title: "How do I start?", content: "Browse recipes, save your favorites, and get cooking!" },
+        { id: "f2", title: "Are these recipes healthy?", content: "Yes, we prioritize fresh, balanced ingredients." },
+        { id: "f3", title: "Can I customize recipes?", content: "Absolutely, our tools allow for personal adjustments." },
       ]}
-      sideTitle="Frequently Asked Questions"
+      sideTitle="Common Questions"
       faqsAnimation="slide-up"
     />
   </div>
@@ -192,12 +141,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Get Started"
-      title="Join Our Trading Community"
-      description="Unlock advanced tools today."
-      imageSrc="http://img.b2bpic.net/free-photo/unfocused-view-modern-airport_1203-1591.jpg"
+      background={{ variant: "plain" }}
+      tag="Contact Us"
+      title="Get in Touch"
+      description="Have questions about our recipes or services? Let us know."
+      imageSrc="http://img.b2bpic.net/free-photo/contact-us-concept-view_1150-4248.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -205,36 +153,15 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
-      logoText="TradeStream"
+      logoText="RecipeStream"
       columns={[
-        {
-          title: "Platform",          items: [
-            {
-              label: "Features",              href: "#features"},
-            {
-              label: "Markets",              href: "#products"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Help Center",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Use",              href: "#"},
-          ],
-        },
+        { title: "Recipes", items: [{ label: "Catalog", href: "#products" }, { label: "Popular", href: "#" }] },
+        { title: "About Us", items: [{ label: "Our Story", href: "/about" }, { label: "Contact", href: "/contact" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/recipe/page.tsx

@@ -0,0 +1,79 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+
+export default function RecipePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[{ name: "Home", id: "/" }, { name: "Recipes", id: "/recipes" }]}
+          />
+        </div>
+
+        <div id="recipe-details" data-section="recipe-details">
+          <TextSplitAbout
+            title="Gourmet Recipe Name"
+            description={["A brief but delightful introduction to this culinary masterpiece.", "Fresh ingredients meet expert techniques for the perfect home-cooked meal."]}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="ingredients" data-section="ingredients">
+            <FeatureCardEight
+              textboxLayout="default"
+              title="Ingredients"
+              description="Everything you need for this recipe:"
+              useInvertedBackground={false}
+              features={[
+                { title: "Fresh Herbs", description: "Hand-picked basil and thyme", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-presentation_23-2149187313.jpg" },
+                { title: "Organic Vegetables", description: "Seasonal local produce", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-presentation_23-2149187313.jpg" },
+                { title: "Quality Proteins", description: "Locally sourced and sustainable", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-presentation_23-2149187313.jpg" }
+              ]}
+            />
+        </div>
+
+        <div id="ratings" data-section="ratings">
+            <TestimonialCardThirteen
+              title="Community Ratings"
+              description="See what others are saying about this recipe."
+              showRating={true}
+              textboxLayout="default"
+              animationType="slide-up"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "r1", name: "Jane Doe", handle: "@chefjane", testimonial: "Absolutely divine, made this twice already!", rating: 5 },
+                { id: "r2", name: "John Smith", handle: "@cookjohn", testimonial: "Great instructions, very easy to follow.", rating: 4 }
+              ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
+            logoText="TradeStream"
+            columns={[]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/recipes/page.tsx

@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function RecipesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumSizeLargeTitles"
+      background="grid"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Recipes", id: "/recipes" }
+            ]}
+          />
+        </div>
+
+        <div id="features" data-section="features">
+          <FeatureCardEight
+            title="Browse Our Recipes"
+            description="Discover delicious recipes categorized by type, diet, and prep time."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Quick & Easy", description: "Ready in 30 minutes or less.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-food-in-restaurant-kitchen_23-2148760662.jpg" },
+              { title: "Healthy & Lean", description: "Nutritious and balanced meals.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-background_23-2148464673.jpg" },
+              { title: "Vegetarian", description: "Plant-based goodness.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bell-peppers-ingredients-wooden-table_23-2148762744.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Newsletter"
+            title="Newsletter"
+            description="Get new recipes delivered to your inbox."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
+            logoText="TradeStream"
+            columns={[
+              { title: "Platform", items: [{ label: "Home", href: "/" }, { label: "Recipes", href: "/recipes" }] },
+              { title: "Support", items: [{ label: "Contact", href: "/contact" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}