Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -1,345 +1,297 @@
 "use client";
 
-import Link from "next/link";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Award, Grid, Zap, Star, Briefcase, HelpCircle, TrendingUp, ShoppingCart, Heart } from "lucide-react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroSignup from "@/components/sections/hero/HeroSignup";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import TimelinePhoneView from "@/components/cardStack/layouts/timelines/TimelinePhoneView";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { Sparkles, Zap, Users, CheckCircle, Smartphone } from "lucide-react";
 
-export default function HomePage() {
-  const navItems = [
-    { name: "Shop", id: "/" },
-    { name: "Deals", id: "/shop" },
-    { name: "Categories", id: "/shop" },
-    { name: "About", id: "/shop" },
-  ];
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Features", id: "#features" },
+  { name: "Pricing", id: "#pricing" },
+  { name: "Contact", id: "#contact" },
+];
 
-  const handleContactSubmit = (data: Record<string, string>) => {
-    console.log("Contact form submitted:", data);
-  };
+const features = [
+  {
+    id: "1",    title: "Mobile-First Design",    description:
+      "Optimized for 4G and 5G networks with minimal data usage, perfect for Indian mobile users who expect lightning-fast performance on any connection.",    imageSrc: "/placeholder-mobile-1.jpg",    imageAlt: "Mobile-first interface"},
+  {
+    id: "2",    title: "Local Payment Integration",    description:
+      "Support for UPI, NEFT, and popular local payment methods. Seamlessly integrate with India's digital payment ecosystem.",    imageSrc: "/placeholder-mobile-2.jpg",    imageAlt: "Payment integration"},
+  {
+    id: "3",    title: "Multilingual Support",    description:
+      "Built-in support for Hindi, Tamil, Telugu, Kannada, and regional languages with culturally relevant content adaptation.",    imageSrc: "/placeholder-mobile-3.jpg",    imageAlt: "Language support"},
+  {
+    id: "4",    title: "Low-Bandwidth Optimization",    description:
+      "Intelligent image compression and progressive loading ensures your app works flawlessly even on 2G networks.",    imageSrc: "/placeholder-mobile-4.jpg",    imageAlt: "Bandwidth optimization"},
+];
 
+const pricingPlans = [
+  {
+    id: "1",    badge: "Starter",    badgeIcon: Sparkles,
+    price: "₹9,999/mo",    subtitle: "Perfect for small businesses",    features: [
+      "Mobile-first website",      "Local payment integration",      "Basic analytics",      "Email support"],
+  },
+  {
+    id: "2",    badge: "Professional",    badgeIcon: Zap,
+    price: "₹24,999/mo",    subtitle: "Best for growing companies",    features: [
+      "Everything in Starter",      "Advanced multilingual support",      "Custom integrations",      "Priority support",      "Monthly optimization"],
+  },
+  {
+    id: "3",    badge: "Enterprise",    badgeIcon: Users,
+    price: "Custom",    subtitle: "For large-scale operations",    features: [
+      "Everything in Professional",      "Dedicated account manager",      "Custom features",      "24/7 support",      "Real-time analytics"],
+  },
+];
+
+const testimonials = [
+  {
+    id: "1",    testimonial:
+      "Webild transformed our online presence. Our mobile traffic increased by 300% within 3 months. The mobile-first approach was exactly what we needed.",    author: "Rajesh Kumar, E-commerce Founder",    imageSrc: "/avatar-1.jpg",    imageAlt: "Rajesh Kumar"},
+  {
+    id: "2",    testimonial:
+      "The local payment integration saved us months of development. Our customers love the UPI support and the site loads incredibly fast.",    author: "Priya Sharma, Fashion Retailer",    imageSrc: "/avatar-2.jpg",    imageAlt: "Priya Sharma"},
+  {
+    id: "3",    testimonial:
+      "Working with Webild was seamless. They understood the Indian market perfectly and delivered a solution that speaks to our local audience.",    author: "Amit Patel, SaaS Entrepreneur",    imageSrc: "/avatar-3.jpg",    imageAlt: "Amit Patel"},
+];
+
+const faqs = [
+  {
+    id: "1",    title: "How does mobile-first design benefit my business?",    content:
+      "Mobile-first design ensures your website loads fast and functions perfectly on smartphones, which is crucial in India where 80%+ of users access the web via mobile devices. This improves user experience, reduces bounce rates, and increases conversions."},
+  {
+    id: "2",    title: "What payment methods do you support?",    content:
+      "We support all major Indian payment methods including UPI, NEFT, RTGS, credit/debit cards, digital wallets like Google Pay, Apple Pay, and Paytm. We integrate with leading payment gateways like Razorpay, PayU, and Instamojo."},
+  {
+    id: "3",    title: "Can you help with multiple Indian languages?",    content:
+      "Absolutely! We provide support for Hindi, Tamil, Telugu, Kannada, Marathi, Gujarati, and other regional languages. We ensure content is not just translated but culturally adapted for your target audience."},
+  {
+    id: "4",    title: "How do you handle low-bandwidth scenarios?",    content:
+      "Our solutions include intelligent image compression, lazy loading, service workers for offline functionality, and progressive enhancement. Your site works smoothly even on 2G networks, ensuring no customer is left behind."},
+  {
+    id: "5",    title: "What's included in ongoing support?",    content:
+      "Our support includes regular performance monitoring, security updates, backup management, content updates, and strategic consulting. Professional and Enterprise plans include dedicated support channels and faster response times."},
+];
+
+const footerColumns = [
+  {
+    title: "Product",    items: [
+      { label: "Features", href: "#features" },
+      { label: "Pricing", href: "#pricing" },
+      { label: "Security", href: "#security" },
+    ],
+  },
+  {
+    title: "Company",    items: [
+      { label: "About", href: "#about" },
+      { label: "Blog", href: "#blog" },
+      { label: "Careers", href: "#careers" },
+    ],
+  },
+  {
+    title: "Support",    items: [
+      { label: "Documentation", href: "#docs" },
+      { label: "Help Center", href: "#help" },
+      { label: "Contact", href: "#contact" },
+    ],
+  },
+];
+
+export default function Home() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="compact"
-      sizing="mediumLarge"
-      background="floatingGradient"
-      cardStyle="subtle-shadow"
-      primaryButtonStyle="radial-glow"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="light"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="ShopHub"
           navItems={navItems}
+          brandName="Webild"
           button={{
-            text: "Start Shopping",
-            href: "/shop",
-          }}
-          animateOnLoad={true}
+            text: "Get Started",            href: "#contact"}}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
-          title="Discover Amazing Products"
-          description="Shop millions of items with fast shipping and exceptional customer service. Everything you need, all in one place."
-          tag="New Arrivals"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
+        <HeroSignup
           background={{ variant: "sparkles-gradient" }}
-          buttons={[
-            {
-              text: "Start Shopping",
-              href: "/shop",
-            },
-            {
-              text: "Learn More",
-              href: "/shop",
-            },
-          ]}
-          mediaItems={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-template-landing-page_23-2148795107.jpg?_wi=1",
-              imageAlt: "Featured Products Collection",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=1",
-              imageAlt: "Premium Product Selection",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-furniture-sale-instagram-story-collection_23-2148954936.jpg?_wi=1",
-              imageAlt: "Exclusive Deals",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229756.jpg?_wi=1",
-              imageAlt: "Best Sellers",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-template-landing-page_23-2148795107.jpg?_wi=2",
-              imageAlt: "New Arrivals",
-            },
-          ]}
-          buttonAnimation="slide-up"
+          tag="Mobile-First Web Solutions"
+          tagIcon={Smartphone}
+          title="Web Solutions Built for India's Mobile-First Users"
+          description="Experience premium digital products optimized for Indian users. Fast loading on any network, local payment support, multilingual interfaces, and culturally relevant design. Welcome to web development for India."
+          inputPlaceholder="Enter your email"
+          buttonText="Get Free Consultation"
+          onSubmit={(email) => console.log("Email:", email)}
         />
       </div>
 
-      <div id="products" data-section="products">
-        <ProductCardFour
-          products={[
-            {
-              id: "1",
-              name: "Premium Wireless Headphones",
-              price: "$79.99",
-              variant: "Black • Noise Cancelling",
-              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=2",
-              imageAlt: "Premium Wireless Headphones",
-            },
-            {
-              id: "2",
-              name: "Professional Camera Lens",
-              price: "$299.99",
-              variant: "Professional • 50mm",
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-furniture-sale-instagram-story-collection_23-2148954936.jpg?_wi=2",
-              imageAlt: "Professional Camera Lens",
-            },
-            {
-              id: "3",
-              name: "Smart Watch Ultra",
-              price: "$199.99",
-              variant: "Titanium • Health Tracking",
-              imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229756.jpg?_wi=2",
-              imageAlt: "Smart Watch Ultra",
-            },
-          ]}
-          title="Featured Products"
-          description="Handpicked selections from our premium collection. Discover quality items with best prices."
-          tag="Best Sellers"
-          tagIcon={Award}
-          tagAnimation="slide-up"
-          buttons={[
-            {
-              text: "View All Products",
-              href: "/shop",
-            },
-          ]}
-          textboxLayout="default"
-          gridVariant="uniform-all-items-equal"
+      <div id="features" data-section="features">
+        <FeatureCardTwentySeven
+          features={features}
+          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
-          useInvertedBackground={false}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="categories" data-section="categories">
-        <FeatureCardEight
-          features={[
-            {
-              id: 1,
-              title: "Electronics",
-              description: "Latest gadgets, computers, and tech accessories with warranty coverage",
-              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=3",
-              imageAlt: "Electronics category",
-            },
-            {
-              id: 2,
-              title: "Fashion & Apparel",
-              description: "Premium clothing and accessories from top brands at great prices",
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-furniture-sale-instagram-story-collection_23-2148954936.jpg?_wi=3",
-              imageAlt: "Fashion & Apparel category",
-            },
-            {
-              id: 3,
-              title: "Home & Living",
-              description: "Furniture, decor, and essentials to transform your living space",
-              imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229756.jpg?_wi=3",
-              imageAlt: "Home & Living category",
-            },
-          ]}
-          title="Shop by Category"
-          description="Browse our extensive collection of premium products across all categories."
-          tag="Categories"
-          tagIcon={Grid}
-          tagAnimation="slide-up"
-          buttons={[
-            {
-              text: "Browse Categories",
-              href: "/shop",
-            },
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="deals" data-section="deals">
-        <MetricCardOne
-          metrics={[
-            {
-              id: "1",
-              value: "50",
-              title: "%",
-              description: "Average Discount on Sale Items",
-              icon: TrendingUp,
-            },
-            {
-              id: "2",
-              value: "100",
-              title: "M+",
-              description: "Products Available to Buy",
-              icon: ShoppingCart,
-            },
-            {
-              id: "3",
-              value: "99",
-              title: "%",
-              description: "Customer Satisfaction Rate",
-              icon: Heart,
-            },
-          ]}
-          title="Unbeatable Deals & Savings"
-          description="Join millions of satisfied customers enjoying exclusive discounts and offers."
-          tag="Promotions"
+          title="Why Choose Webild?"
+          description="Purpose-built for Indian market dynamics and user behavior"
+          tag="Our Approach"
           tagIcon={Zap}
-          tagAnimation="slide-up"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="mobile-experience" data-section="mobile-experience">
+        <TimelinePhoneView
+          title="Mobile App Integration"
+          description="Seamlessly connect web and mobile experiences with our unified platform"
+          tag="Mobile Excellence"
+          tagIcon={Smartphone}
+          textboxLayout="default"
+          items={[
+            {
+              trigger: "trigger-1",              content: (
+                <>
+                  <h2 className="text-2xl font-bold mb-4">Lightning-Fast Loading</h2>
+                  <p className="text-base opacity-80">
+                    Your website loads in under 2 seconds on 4G, ensuring visitors
+                    stay engaged and conversion rates soar.
+                  </p>
+                </>
+              ),
+              imageOne: "/placeholder-phone-1.jpg",              imageTwo: "/placeholder-phone-2.jpg"},
+            {
+              trigger: "trigger-2",              content: (
+                <>
+                  <h2 className="text-2xl font-bold mb-4">Smooth 2G Experience</h2>
+                  <p className="text-base opacity-80">
+                    Progressive enhancement ensures functionality on all network
+                    speeds, reaching customers in rural and remote areas.
+                  </p>
+                </>
+              ),
+              imageOne: "/placeholder-phone-3.jpg",              imageTwo: "/placeholder-phone-4.jpg"},
+          ]}
+          showTextBox={true}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <MetricSplitMediaAbout
+          tag="Why We Lead"
+          tagIcon={CheckCircle}
+          title="Proven Results for Indian Businesses"
+          description="Our clients see tangible improvements in user engagement, conversion rates, and customer satisfaction. We measure success by your success."
+          metrics={[
+            { value: "300%", title: "Avg. mobile traffic increase" },
+            { value: "45%", title: "Avg. bounce rate reduction" },
+          ]}
+          imageSrc="/placeholder-about.jpg"
+          imageAlt="Success metrics"
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          plans={pricingPlans}
+          animationType="slide-up"
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect plan for your business needs. All plans include mobile-first optimization and local payment support."
+          tag="Pricing"
+          tagIcon={Sparkles}
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
-          testimonials={[
-            {
-              id: "1",
-              name: "Sarah Johnson",
-              role: "Happy Customer",
-              company: "Verified Buyer",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg?_wi=1",
-              imageAlt: "Sarah Johnson testimonial",
-            },
-            {
-              id: "2",
-              name: "Michael Chen",
-              role: "Regular Shopper",
-              company: "Verified Buyer",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg?_wi=1",
-              imageAlt: "Michael Chen testimonial",
-            },
-            {
-              id: "3",
-              name: "Emily Rodriguez",
-              role: "Premium Member",
-              company: "Verified Buyer",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businesswoman-with-arms-crossed-looking-forward-future_1163-4333.jpg?_wi=1",
-              imageAlt: "Emily Rodriguez testimonial",
-            },
-            {
-              id: "4",
-              name: "David Kim",
-              role: "Loyal Customer",
-              company: "Verified Buyer",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-              imageAlt: "David Kim testimonial",
-            },
-            {
-              id: "5",
-              name: "Lisa Thompson",
-              role: "Frequent Buyer",
-              company: "Verified Buyer",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-with-his-arms-crossed-standing-front-building_23-2148176205.jpg",
-              imageAlt: "Lisa Thompson testimonial",
-            },
-            {
-              id: "6",
-              name: "James Wilson",
-              role: "Trust Score Expert",
-              company: "Verified Buyer",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-6324.jpg",
-              imageAlt: "James Wilson testimonial",
-            },
+        <TestimonialCardFifteen
+          testimonial="Our collaboration with Webild transformed how we approach mobile-first development. The results exceeded all expectations."
+          rating={5}
+          author="Industry Leaders Across India"
+          avatars={[
+            { src: "/avatar-1.jpg", alt: "Customer 1" },
+            { src: "/avatar-2.jpg", alt: "Customer 2" },
+            { src: "/avatar-3.jpg", alt: "Customer 3" },
+            { src: "/avatar-4.jpg", alt: "Customer 4" },
+            { src: "/avatar-5.jpg", alt: "Customer 5" },
+            { src: "/avatar-6.jpg", alt: "Customer 6" },
           ]}
-          title="What Our Customers Say"
-          description="Real reviews from satisfied shoppers who trust ShopHub for their purchases."
-          tag="Customer Reviews"
-          tagIcon={Star}
-          tagAnimation="slide-up"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
           useInvertedBackground={false}
-          buttonAnimation="slide-up"
-          carouselMode="buttons"
         />
       </div>
 
-      <div id="social-proof" data-section="social-proof">
-        <SocialProofOne
-          title="Trusted by Industry Leaders"
-          description="ShopHub powers transactions for the world's leading brands and retailers."
-          tag="Partners"
-          tagIcon={Briefcase}
-          tagAnimation="slide-up"
-          names={[
-            "Amazon",
-            "eBay",
-            "Shopify",
-            "Stripe",
-            "PayPal",
-            "Mastercard",
-            "Visa",
-          ]}
-          logos={[
-            "http://img.b2bpic.net/free-photo/woman-sitting-floor-with-her-laptop-her-lap_23-2148674969.jpg",
-            "http://img.b2bpic.net/free-vector/gradient-e-commerce-logo-collection_23-2148962201.jpg",
-            "http://img.b2bpic.net/free-photo/laptop-with-toy-supermarket-cart-sale-tablet_23-2147955521.jpg",
-            "http://img.b2bpic.net/free-vector/gradient-technology-logo_52683-8661.jpg",
-            "http://img.b2bpic.net/free-vector/gradient-colored-p-logos-set_23-2148924056.jpg",
-            "http://img.b2bpic.net/free-vector/logo-template-design_1289-84.jpg",
-            "http://img.b2bpic.net/free-vector/gradient-money-logo-design_23-2150934177.jpg",
-          ]}
+      <div id="faq" data-section="faq">
+        <FaqSplitMedia
+          faqs={faqs}
+          imageSrc="/placeholder-faq.jpg"
+          imageAlt="Frequently asked questions"
+          title="Got Questions?"
+          description="Everything you need to know about our mobile-first web solutions for the Indian market."
+          tag="FAQ"
+          tagIcon={Sparkles}
           textboxLayout="default"
           useInvertedBackground={false}
-          showCard={true}
-          speed={40}
-          buttonAnimation="slide-up"
+          mediaPosition="right"
+          mediaAnimation="slide-up"
+          faqsAnimation="slide-up"
+          animationType="smooth"
         />
       </div>
 
-      <div id="footer" data-section="footer">
-        <FooterLogoReveal
-          logoText="ShopHub"
-          leftLink={{
-            text: "Privacy Policy",
-            href: "#",
-          }}
-          rightLink={{
-            text: "Terms of Service",
-            href: "#",
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Let's Build Your Success Story"
+          description="Get in touch with our team to discuss how we can help you reach and engage Indian users with a mobile-first web solution."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your name", required: true },
+            {
+              name: "email",              type: "email",              placeholder: "Email address",              required: true,
+            },
+            {
+              name: "company",              type: "text",              placeholder: "Company name",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your project...",            rows: 5,
+            required: true,
           }}
+          useInvertedBackground={false}
+          imageSrc="/placeholder-contact.jpg"
+          imageAlt="Contact us"
+          mediaPosition="right"
+          mediaAnimation="slide-up"
+          buttonText="Send Message"
+          onSubmit={(data) => console.log("Form submitted:", data)}
         />
       </div>
+
+      <FooterBaseReveal
+        columns={footerColumns}
+        copyrightText="© 2025 Webild. All rights reserved. | Made for India."
+      />
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #250c0d;
-  --primary-cta: #b82b40;
+  --background: #fff8f0;
+  --card: #fffbf5;
+  --foreground: #1a0f06;
+  --primary-cta: #d97706;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #fffbf5;
   --secondary-cta-text: #250c0d;
-  --accent: #b90941;
-  --background-accent: #e8a8b6;
+  --accent: #f59e0b;
+  --background-accent: #fcd34d;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);