Merge version_3 into main

Update src/app/layout.tsx
2025-12-28 07:55:50 +00:00 · 2025-12-28 07:55:46 +00:00 · 2025-12-28 07:55:45 +00:00 · 2025-12-28 07:53:39 +00:00 · 2025-12-28 07:53:34 +00:00
3 changed files with 123 additions and 132 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,13 +4,13 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  --background: #0a0a0a;;
-  --card: #1a1a1a;;
-  --foreground: #ffffff;;
-  --primary-cta: #ffcf40;;
-  --secondary-cta: #1a1a1a;;
-  --accent: #ffcf40;;
-  --background-accent: #ffcf40;;
+  --background: #080000;
+  --card: #1e0d0d;
+  --foreground: #ffe6e6;
+  --primary-cta: #ff7a7a;
+  --secondary-cta: #1e0909;
+  --accent: #7b4242;
+  --background-accent: #65292c;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-playfair-display), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-playfair-display), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,11 @@
 import type { Metadata } from "next";
-import { Playfair_Display } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const playfairDisplay = Playfair_Display({
-  variable: "--font-playfair-display",
+const inter = Inter({
+  variable: "--font-inter",
  subsets: ["latin"],
 });

@@ -34,7 +34,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={playfairDisplay.variable}
+          className={inter.variable}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,15 +1,15 @@
 "use client"

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
-import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
-import ContactText from '@/components/sections/contact/ContactText';
-import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
-import { Sparkles, Users, Linkedin, Instagram, Twitter, Mail } from "lucide-react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles, Users } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -26,7 +26,7 @@ export default function LandingPage() {
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <NavbarStyleFullscreen
          brandName="Lumina"
          navItems={[
            {name: "About", id: "about"},
@@ -35,145 +35,144 @@ export default function LandingPage() {
            {name: "Team", id: "team"},
            {name: "Contact", id: "contact"}
          ]}
-          button={{
-            text: "Get Started",
-            href: "#contact"
-          }}
+          bottomLeftText="Global Community"
+          bottomRightText="hello@lumina.agency"
        />
      </div>
      
      <div id="hero" data-section="hero">
-        <HeroSplitKpi
-          title="Elevate Your Brand to Luxury Status"
+        <HeroLogoBillboardSplit
+          logoText="LUMINA"
          description="We craft premium marketing experiences that captivate, convert, and create lasting impressions for discerning brands."
-          tag="Boutique Marketing Agency"
-          tagIcon={Sparkles}
-          kpis={[
-            {value: "500+", label: "Brands Elevated"},
-            {value: "98%", label: "Client Satisfaction"},
-            {value: "8 Years", label: "Industry Leadership"}
-          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766488005357-9beefs8k.jpg"
-          imageAlt="Luxury agency workspace"
          buttons={[
            {text: "Explore Our Work", href: "#testimonials"},
            {text: "Schedule Consultation", href: "#contact"}
          ]}
-          imagePosition="right"
+          layoutOrder="default"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766488005357-9beefs8k.jpg"
+          imageAlt="Luxury agency workspace"
+          frameStyle="browser"
        />
      </div>
      
      <div id="about" data-section="about">
-        <SplitAboutMetric
+        <MediaAbout
          title="Redefining Marketing Excellence"
-          description={["Lumina is a boutique creative agency dedicated to transforming visionary brands into market leaders. With a refined approach to strategy, design, and execution, we deliver bespoke marketing solutions that transcend expectations."]}
-          metrics={[
-            {label: "Strategic Campaigns Delivered", value: "2,400+"},
-            {label: "Average ROI Increase", value: "340%"}
+          description="Lumina is a boutique creative agency dedicated to transforming visionary brands into market leaders. With a refined approach to strategy, design, and execution, we deliver bespoke marketing solutions that transcend expectations."
+          tag="About Us"
+          tagIcon={Sparkles}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg"
+          imageAlt="Our agency team"
+          buttons={[
+            {text: "Learn More", href: "#services"}
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="services" data-section="services">
-        <FeatureCardEleven
+        <FeatureCardSixteen
          title="Our Premium Services"
          description="Bespoke solutions engineered for brands that refuse to compromise on quality or impact."
          tag="Excellence in Every Detail"
-          features={[
-            {
-              id: 1,
-              title: "Strategic Brand Positioning",
-              description: "We develop comprehensive positioning strategies that establish your brand as the premium choice in your market, supported by competitive research and market intelligence.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg"
-            },
-            {
-              id: 2,
-              title: "Creative Excellence",
-              description: "Our award-winning creative team delivers visually stunning campaigns that capture attention and communicate your brand's unique value proposition with elegance.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908163029-8ap4s2kb.jpg"
-            },
-            {
-              id: 3,
-              title: "Performance Analytics",
-              description: "Data-driven insights that measure impact and optimize every campaign. We track metrics that matter and continuously refine for maximum ROI.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766890620033-sckgfvwd.jpg"
-            }
-          ]}
-          animationType="opacity"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-          usePrimaryButtonImage={false}
-        />
-      </div>
-      
-      <div id="team" data-section="team">
-        <TeamCardFive
-          title="Meet Our Creative Collective"
-          description="Visionary leaders and innovative thinkers united by a passion for excellence."
-          tag="Leadership"
-          tagIcon={Users}
-          team={[
-            {
-              id: "1",
-              name: "Alexandra Chen",
-              role: "Creative Director",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg"
-            },
-            {
-              id: "2",
-              name: "Marcus Sterling",
-              role: "Strategy Lead",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
-            },
-            {
-              id: "3",
-              name: "Sophia Arendelle",
-              role: "Brand Architect",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg"
-            },
-            {
-              id: "4",
-              name: "Julian Kross",
-              role: "Digital Innovator",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140104217-wfflli6f.jpg"
-            }
-          ]}
+          negativeCard={{
+            title: "Without Strategic Direction",
+            items: [
+              "Inconsistent brand messaging",
+              "Lost market opportunities",
+              "Weak competitive positioning"
+            ]
+          }}
+          positiveCard={{
+            title: "With Lumina Partnership",
+            items: [
+              "Unified brand presence",
+              "Premium market positioning",
+              "Measurable growth and ROI"
+            ]
+          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
+      <div id="team" data-section="team">
+        <TeamCardTen
+          title="Meet Our Creative Collective"
+          tag="Leadership"
+          members={[
+            {
+              id: "1",
+              name: "Alexandra Chen",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
+              imageAlt: "Alexandra Chen"
+            },
+            {
+              id: "2",
+              name: "Marcus Sterling",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
+              imageAlt: "Marcus Sterling"
+            },
+            {
+              id: "3",
+              name: "Sophia Arendelle",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
+              imageAlt: "Sophia Arendelle"
+            },
+            {
+              id: "4",
+              name: "Julian Kross",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140104217-wfflli6f.jpg",
+              imageAlt: "Julian Kross"
+            }
+          ]}
+          memberVariant="card"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+      
      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardEleven
+        <TestimonialCardEight
          title="Trusted by Industry Leaders"
          description="See how we've transformed brands and delivered exceptional results."
          tag="Client Success Stories"
          testimonials={[
            {
              id: "1",
-              nameTitle: "Victoria Ashford, CEO of LuxeRetail",
-              quote: "Lumina transformed our brand narrative. Within six months, we saw a 420% increase in premium customer acquisition.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
+              name: "Victoria Ashford",
+              role: "CEO",
+              company: "LuxeRetail",
+              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
+              imageAlt: "Victoria Ashford"
            },
            {
              id: "2",
-              nameTitle: "James Wellington, Founder of PrestigeHotel",
-              quote: "Their strategic approach and creative excellence elevated our positioning. We now command premium pricing with ease.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg"
+              name: "James Wellington",
+              role: "Founder",
+              company: "PrestigeHotel",
+              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
+              imageAlt: "James Wellington"
            },
            {
              id: "3",
-              nameTitle: "Isabella Rodriguez, Marketing Director of EleganceCollective",
-              quote: "Best partnership decision we made. Every campaign exceeded expectations and strengthened our luxury market position.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg"
+              name: "Isabella Rodriguez",
+              role: "Marketing Director",
+              company: "EleganceCollective",
+              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
+              imageAlt: "Isabella Rodriguez"
            },
            {
              id: "4",
-              nameTitle: "Sebastian Morrison, Chief Brand Officer",
-              quote: "Lumina doesn't just market brands—they transform them. Exceptional strategic thinking and flawless execution.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg"
+              name: "Sebastian Morrison",
+              role: "Chief Brand Officer",
+              company: "Morrison Inc",
+              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
+              imageAlt: "Sebastian Morrison"
            }
          ]}
          textboxLayout="default"
@@ -182,21 +181,19 @@ export default function LandingPage() {
      </div>
      
      <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to elevate your brand to extraordinary heights? Let's create something iconic together."
-          animationType="entrance-slide"
-          buttons={[
-            {text: "Start Your Journey", href: "#"},
-            {text: "Schedule Discovery Call", href: "#"}
-          ]}
+        <ContactCenter
+          tag="Newsletter"
+          title="Stay Updated with Our Latest News"
+          description="Ready to elevate your brand to extraordinary heights? Subscribe to our newsletter for weekly updates and exclusive content."
+          tagIcon={Sparkles}
          useInvertedBackground="noInvert"
+          onSubmit={(email) => console.log(email)}
        />
      </div>
      
      <div id="footer" data-section="footer">
-        <FooterBaseSocial
+        <FooterBaseCard
          logoText="Lumina"
-          description="Premium marketing solutions for discerning brands. Elevating excellence through strategic creativity."
          columns={[
            {
              title: "Services",
@@ -223,12 +220,6 @@ export default function LandingPage() {
              ]
            }
          ]}
-          socialLinks={[
-            {icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn"},
-            {icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram"},
-            {icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter"},
-            {icon: Mail, href: "mailto:hello@lumina.agency", ariaLabel: "Email"}
-          ]}
          copyrightText="© 2025 Lumina. Crafted with excellence."
        />
      </div>
Author	SHA1	Message	Date
development	5c29d2216d	Merge version_3 into main Merge version_3 into main	2025-12-28 07:55:50 +00:00
development	f074790353	Update src/app/layout.tsx	2025-12-28 07:55:46 +00:00
development	54b8b158b5	Update src/app/globals.css	2025-12-28 07:55:45 +00:00
development	3344d390f9	Merge version_2 into main Merge version_2 into main	2025-12-28 07:53:39 +00:00
development	bead6e06a1	Update src/app/page.tsx	2025-12-28 07:53:34 +00:00