Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,17 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 
-export default function LandingPage() {
+export default function IbieDesignsPortfolio() {
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -20,152 +19,108 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      background="noise"
+      cardStyle="glass-depth"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleFullscreen
+          <NavbarLayoutFloatingOverlay
             navItems={[
-              { name: "Home", id: "hero" },
+              { name: "Services", id: "features" },
+              { name: "Portfolio", id: "products" },
               { name: "About", id: "about" },
-              { name: "Menu", id: "products" },
               { name: "Contact", id: "contact" }
             ]}
-            brandName="Butt Karahi"
+            brandName="Ibie Designs"
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplitDoubleCarousel
-            background={{ variant: "gradient-bars" }}
-            title="Authentic Flavors of Lahore"
-            description="Experience the legacy of taste with our signature spicy Karahi, prepared fresh with traditional herbs and premium ingredients."
-            leftCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-stew-govurma-tomato-sauce-with-herbs-tandir-bread_114579-2863.jpg", imageAlt: "Butt Karahi Specialty" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/front-view-baked-bread-hot-fresh-brown-wooden-desk_140725-25894.jpg", imageAlt: "Traditional Naan" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-arab-food_23-2147794254.jpg", imageAlt: "Our Dining Experience" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/beef-stew-cooked-with-vegetables-sauce-cast-iron-pan_140725-5726.jpg", imageAlt: "Beef stew cooked with vegetables" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246093.jpg", imageAlt: "Pre prepared food" }
-            ]}
-            rightCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629587.jpg", imageAlt: "Butt Karahi Specialty" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/tandir-bread-with-yogurt-tea_114579-29238.jpg", imageAlt: "Traditional Naan" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-spices-blue_114579-16346.jpg", imageAlt: "Our Dining Experience" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg", imageAlt: "Wicker dining table" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312221.jpg", imageAlt: "Dining table assortment" }
-            ]}
-            buttons={[{ text: "Reserve Now", href: "#contact" }]}
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/modern-interior-empty-wooden-chairs_1203-4495.jpg", alt: "Happy Guest 1" },
-              { src: "http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg", alt: "Happy Guest 2" },
-              { src: "http://img.b2bpic.net/free-photo/tandir-bread-with-yogurt-cup-tea_114579-29277.jpg", alt: "Happy Guest 3" },
-              { src: "http://img.b2bpic.net/free-photo/caucasian-kutab-with-stuffings-piece-wood-served-with-herbs_114579-12978.jpg", alt: "Happy Guest 4" },
-              { src: "http://img.b2bpic.net/free-photo/scrambled-eggs-with-greens-black-plate_114579-23465.jpg", alt: "Happy Guest 5" }
-            ]}
-            avatarText="Join 10,000+ happy food lovers"
-          />
-        </div>
-
-        <div id="about" data-section="about">
-          <TextSplitAbout
-            useInvertedBackground={false}
-            title="Our Heritage"
-            description={["For generations, Butt Karahi has been a symbol of authentic Pakistani taste. We use secret family spice blends and slow-cook our dishes to perfection in traditional iron karahis."]}
+          <HeroLogo
+            logoText="Scaling Your Business to the Moon"
+            description="Next-generation digital marketing strategies for brands that demand explosive growth in a competitive digital landscape."
+            buttons={[{ text: "Book a Free Consultation", href: "#contact" }]}
           />
         </div>
 
         <div id="features" data-section="features">
-          <FeatureCardTwentyNine
+          <FeatureCardTwentyFour
+            title="Our Specialized Services"
+            description="Full-stack digital marketing to amplify your brand's presence and conversion rates."
+            features={[
+              { id: "s1", title: "Web Design", author: "Ibie Designs", description: "High-conversion, custom web experiences.", tags: ["UI/UX", "Performance"], imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010125.jpg" },
+              { id: "s2", title: "Google Maps SEO", author: "Ibie Designs", description: "Dominate local search results and attract nearby leads.", tags: ["SEO", "Local Growth"], imageSrc: "http://img.b2bpic.net/free-photo/map-with-location-pin-icon-concept_23-2148443901.jpg" }
+            ]}
             animationType="slide-up"
             textboxLayout="split"
-            gridVariant="one-large-left-three-stacked-right"
-            useInvertedBackground={false}
-            features={[
-              { title: "Fresh Spices", description: "Hand-picked traditional ingredients for authentic flavor.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-white-floor-salad-vegetable-meal-food-health_140725-80755.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-greens-with-rusks-seasonings-dark-table-meal-soup-green-food_140725-24546.jpg", buttonText: "Learn More" },
-              { title: "Tandoor Baked", description: "Crispy, hot naan baked daily in our clay oven.", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379529.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-traditional-roti_23-2149033997.jpg", buttonText: "Learn More" },
-              { title: "Fast Service", description: "Quick table service for a seamless dining experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-crazy-emotional-male-delivery-guy-wearing-hat-holding-orders_179666-40715.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/pleased-young-blonde-delivery-boy-holds-food-containers-looks-plastic-packages-orange_141793-93318.jpg", buttonText: "Learn More" }
-            ]}
-            title="Why Choose Us"
-            description="Excellence in every bite."
+            useInvertedBackground={true}
           />
         </div>
 
         <div id="products" data-section="products">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
-            useInvertedBackground={false}
+          <ProductCardFour
+            title="Our Portfolio"
+            description="See how we've scaled businesses from zero to millions."
             products={[
-              { id: "1", name: "Chicken Karahi", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chicken-meal_23-2148825119.jpg" },
-              { id: "2", name: "Mutton Karahi", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/top-view-eggplant-caviar-with-tomato-parsley-basil-pan-vertical_176474-2543.jpg" },
-              { id: "3", name: "Paneer Karahi", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistani-food-arrangement_23-2148825109.jpg" },
-              { id: "4", name: "Daal Tadka", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/delicious-orange-soup-with-fresh-herbs_23-2152002853.jpg" },
-              { id: "5", name: "Garden Salad", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/delectable-sliced-vegetables-bowl-marble-background_114579-67088.jpg" },
-              { id: "6", name: "Lassi", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/soy-milk-soy-food-beverage-products-food-nutrition-concept_1150-26345.jpg" }
+              { id: "p1", name: "Tech SaaS Brand", price: "Growth Strategy", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-various-charts-graphs-table_144627-46633.jpg" },
+              { id: "p2", name: "Global E-Commerce", price: "Sales Explosion", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-with-colorful-packages_23-2148828389.jpg" },
+              { id: "p3", name: "Local Retailers", price: "Local Dominance", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/shop-with-modern-interior_1101-875.jpg" }
             ]}
-            title="Our Menu"
-            description="Classic dishes prepared to order."
+            gridVariant="asymmetric-60-wide-40-narrow"
+            animationType="blur-reveal"
+            textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
-        <div id="metrics" data-section="metrics">
-          <MetricCardSeven
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            metrics={[
-              { id: "m1", value: "10k+", title: "Happy Customers", items: ["Serving generations"] },
-              { id: "m2", value: "50+", title: "Secret Spices", items: ["Traditional blend"] },
-              { id: "m3", value: "24/7", title: "Service", items: ["Always open"] }
-            ]}
-            title="Our Success"
-            description="Quality we stand by."
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            title="Who We Are"
+            description="Ibie Designs is a data-driven agency specialized in bridging the gap between innovative brands and their ideal customers."
+            metrics={[{ value: "10X", title: "Avg. Lead Growth" }, { value: "500+", title: "Successful Campaigns" }]}
+            useInvertedBackground={true}
+            mediaAnimation="slide-up"
+            metricsAnimation="blur-reveal"
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
+          <TestimonialCardTen
+            title="What Clients Say"
+            description="Proven results for our partners."
             testimonials={[
-              { id: "1", name: "Sarah", handle: "@sarahfoodie", testimonial: "Best Karahi in town. Authentic and spicy!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
-              { id: "2", name: "Ahmed", handle: "@ahmedpk", testimonial: "The mutton karahi is divine. A must-try.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg" },
-              { id: "3", name: "Zainab", handle: "@foodloverz", testimonial: "Fresh, hot, and consistently delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg" },
-              { id: "4", name: "Ali", handle: "@alibutt", testimonial: "Great service and even better food.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
-              { id: "5", name: "Fatima", handle: "@fatimapk", testimonial: "My go-to spot for family dinners.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg" }
+              { id: "t1", title: "Exceptional Growth", quote: "Ibie Designs completely transformed our local visibility.", name: "Sarah J.", role: "Founder, TechStart", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-using-tablet-office_1262-17551.jpg" },
+              { id: "t2", title: "High ROI", quote: "The best investment we've made this year. Highly recommended!", name: "Marcus T.", role: "CEO, RetailGlobal", imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-man-standing-office-hallway_1262-17572.jpg" }
             ]}
-            showRating={true}
-            title="Customer Stories"
-            description="See why our customers keep coming back."
+            textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplitForm
+          <ContactCTA
+            tag="Ready to scale?"
+            title="Let's reach your full potential."
+            description="Schedule your free strategy session and let's start scaling your business to the moon. Give us a call at +1 (555) 123-4567."
+            buttons={[{ text: "Book Free Consultation", href: "#contact" }]}
+            background={{ variant: "plain" }}
             useInvertedBackground={false}
-            title="Book Your Table"
-            description="Join us today for an unforgettable culinary experience."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true }
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/french-windows-provencal-style_1101-866.jpg"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterCard
-            logoText="Butt Karahi"
-            copyrightText="© 2025 Butt Karahi. All rights reserved."
+          <FooterBaseCard
+            logoText="Ibie Designs"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Services", items: [{ label: "Web Design", href: "#" }, { label: "SEO", href: "#" }] }
+            ]}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #00f0ff;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #00f0ff;
+  --background-accent: #0a0a0a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);