Merge version_49 into main

Merge version_49 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fff5f8;
-  --card: #ffebf0;
-  --foreground: #3d2930;
-  --primary-cta: #e890a8;
-  --secondary-cta: #ffffff;
-  --accent: #f5ccd5;
-  --background-accent: #f0b8c4;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f8d0e8e6;
+  --primary-cta: #ff1493;
+  --secondary-cta: #1a1a1a;
+  --accent: #ff69b4;
+  --background-accent: #c71585;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -3,12 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterSocial from '@/components/sections/footer/FooterSocial';
-import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
 import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -16,7 +14,6 @@ import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import BlogCardEleven from '@/components/sections/blog/BlogCardEleven';
-import ContactText from '@/components/sections/contact/ContactText';
 import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 import { Heart, Star, Quote, Instagram, Facebook, MapPin, Phone, Clock, CheckCircle2, Check, Sparkles } from "lucide-react";
 
@@ -61,20 +58,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
-        <SplitAboutMetric
-          title="A Legacy Of Timeless Elegance"
-          useInvertedBackground="noInvert"
-          description={[
-            "Top bakers from all over the world"
-          ]}
-          metrics={[
-            { label: "Various types of landmarks built", value: "75+" },
-            { label: "Sq.ft area", value: "15M+" }
-          ]}
-        />
-      </div>
-
       <div id="feature" data-section="feature">
         <FeatureCardEighteen
           negativeCard={{
@@ -359,15 +342,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact-text" data-section="contact-text">
-        <ContactText
-          text="Ready to start your next project? Let's create something amazing together."
-          animationType="entrance-slide"
-          buttons={[{ text: "Get in Touch", href: "#contact" }, { text: "View Portfolio", href: "#products" }]}
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
           title="What Our Customers Say"
@@ -420,17 +394,19 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenterForm
-          title="Place Your Order"
-          description="Fill out the form below to order your favorite fresh-baked items. We'll confirm your order within 2 hours."
-          useInvertedBackground="noInvert"
-          buttonText="Send Order"
-          inputs={[
-            { name: "name", type: "text", placeholder: "Your Name", required: true },
-            { name: "email", type: "email", placeholder: "Email Address", required: true },
-            { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+        <ContactFaq
+          faqs={[
+            { id: "1", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all our products." },
+            { id: "2", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days." },
+            { id: "3", title: "Do you ship internationally?", content: "Yes, we ship to over 100 countries worldwide." },
+            { id: "4", title: "Can I customize my order?", content: "Absolutely! Custom orders are welcome. Please contact us for details." }
           ]}
-          textarea={{ name: "order", placeholder: "What would you like to order? Include quantities and any special requests...", rows: 5, required: true }}
+          ctaTitle="Place Your Order"
+          ctaDescription="Fill out the form to order your favorite fresh-baked items. We'll confirm your order within 2 hours."
+          ctaButton={{ text: "Send Order", href: "#contact" }}
+          ctaIcon={Phone}
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
         />
       </div>