From c9c11117dbf4b1172b996eebdfb0375f00b9f0fe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 13:41:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 468 +++++++++++++++--------------------------------
 1 file changed, 146 insertions(+), 322 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dadd410..467a8ef 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,337 +29,161 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="BrandRate"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="BrandRate"
+            button={{ text: "Contact", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Elevate Your Brand Presence"
-      description="We specialize in high-end branding, visual identity, and strategic growth for premium market brands."
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/platanus-plane-tree-bark-texture-camouflage-pattern_1391-288.jpg?_wi=1"
-      imageAlt="luxury branding concept background"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346511.jpg",
-          alt: "Front view woman working as interior designer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/seats-marked-with-x-social-distancing-covid-19_53876-143055.jpg",
-          alt: "Seats marked with an x for social distancing during Covid-19",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/traditional-easter-eggs-concept_23-2148407667.jpg",
-          alt: "Traditional easter eggs concept",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blank-paper-smartphone-eyeglasses-diary-pencil-alarm-clock-white-desk_23-2148061619.jpg",
-          alt: "Blank paper; smartphone; eyeglasses; diary; pencil and alarm clock on white desk",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/view-nature-landscape-with-dry-ground-parched-soil_23-2151813144.jpg",
-          alt: "View of nature landscape with dry ground and parched soil",
-        },
-      ]}
-      avatarText="Trusted by 150+ global brands"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Elevate Your Brand Presence"
+            description="We specialize in high-end branding, visual identity, and strategic growth for premium market brands."
+            buttons={[{ text: "Start Project", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/platanus-plane-tree-bark-texture-camouflage-pattern_1391-288.jpg"
+            imageAlt="luxury branding concept background"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346511.jpg", alt: "Front view woman working as interior designer" },
+              { src: "http://img.b2bpic.net/free-photo/seats-marked-with-x-social-distancing-covid-19_53876-143055.jpg", alt: "Seats marked with an x for social distancing during Covid-19" },
+              { src: "http://img.b2bpic.net/free-photo/traditional-easter-eggs-concept_23-2148407667.jpg", alt: "Traditional easter eggs concept" },
+              { src: "http://img.b2bpic.net/free-photo/blank-paper-smartphone-eyeglasses-diary-pencil-alarm-clock-white-desk_23-2148061619.jpg", alt: "Blank paper; smartphone; eyeglasses; diary; pencil and alarm clock on white desk" },
+              { src: "http://img.b2bpic.net/free-photo/view-nature-landscape-with-dry-ground-parched-soil_23-2151813144.jpg", alt: "View of nature landscape with dry ground and parched soil" },
+            ]}
+            avatarText="Trusted by 150+ global brands"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Crafting timeless brand stories",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/empty-space-prepared-aa-meeting-group-therapy-with-chairs-circle-nobody-room-used-psychotherapy-session-communication-against-acohol-addiction-problems_482257-27421.jpg",
-          alt: "creative studio workspace",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Crafting timeless brand stories" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/empty-space-prepared-aa-meeting-group-therapy-with-chairs-circle-nobody-room-used-psychotherapy-session-communication-against-acohol-addiction-problems_482257-27421.jpg", alt: "creative studio workspace" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Brand Strategy",
-          description: "Deep market research and positioning to define your unique value proposition.",
-          icon: Sparkles,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-61733.jpg",
-              imageAlt: "brand strategy abstract",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg",
-              imageAlt: "brand strategy abstract",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/platanus-plane-tree-bark-texture-camouflage-pattern_1391-288.jpg?_wi=2",
-          imageAlt: "brand strategy abstract",
-        },
-        {
-          title: "Visual Identity",
-          description: "Sophisticated logos, typography, and palette development for premium recognition.",
-          icon: Shield,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166886.jpg",
-              imageAlt: "visual identity design",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86306.jpg",
-              imageAlt: "visual identity design",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-space-prepared-aa-meeting-group-therapy-with-chairs-circle-nobody-room-used-psychotherapy-session-communication-against-acohol-addiction-problems_482257-27421.jpg",
-          imageAlt: "brand strategy abstract",
-        },
-        {
-          title: "Digital Growth",
-          description: "Scalable digital ecosystems and marketing infrastructure to accelerate market reach.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/growth-result-analysis-strategy_53876-22903.jpg",
-              imageAlt: "digital branding growth",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg",
-              imageAlt: "digital branding growth",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-handsome-man_23-2148532556.jpg?_wi=1",
-          imageAlt: "brand strategy abstract",
-        },
-      ]}
-      title="Agency Services"
-      description="Our core focus areas in building lasting market impact."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Brand Strategy",                description: "Deep market research and positioning to define your unique value proposition.",                icon: Sparkles,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-61733.jpg", imageAlt: "brand strategy abstract" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg", imageAlt: "brand strategy abstract" },
+                ],
+              },
+              {
+                title: "Visual Identity",                description: "Sophisticated logos, typography, and palette development for premium recognition.",                icon: Shield,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166886.jpg", imageAlt: "visual identity design" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86306.jpg", imageAlt: "visual identity design" },
+                ],
+              },
+              {
+                title: "Digital Growth",                description: "Scalable digital ecosystems and marketing infrastructure to accelerate market reach.",                icon: Zap,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/growth-result-analysis-strategy_53876-22903.jpg", imageAlt: "digital branding growth" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg", imageAlt: "digital branding growth" },
+                ],
+              },
+            ]}
+            title="Agency Services"
+            description="Our core focus areas in building lasting market impact."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Successful Brands",
-          description: "Across five major industries.",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-apartment-with-minimalist-home-office-design_482257-124354.jpg",
-        },
-        {
-          id: "m2",
-          value: "400%",
-          title: "Growth Avg",
-          description: "First year market impact.",
-          imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-crayons-drawing-gray-background-top-view-with-copy-space-children-s-chalk-advertising-poster_166373-2042.jpg",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          title: "Retention",
-          description: "Long-term client partnerships.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stack-books-black-wooden-table_93675-135223.jpg",
-        },
-      ]}
-      title="Agency Metrics"
-      description="Hard-hitting performance for client success."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "150+", title: "Successful Brands", description: "Across five major industries.", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-apartment-with-minimalist-home-office-design_482257-124354.jpg" },
+              { id: "m2", value: "400%", title: "Growth Avg", description: "First year market impact.", imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-crayons-drawing-gray-background-top-view-with-copy-space-children-s-chalk-advertising-poster_166373-2042.jpg" },
+              { id: "m3", value: "98%", title: "Retention", description: "Long-term client partnerships.", imageSrc: "http://img.b2bpic.net/free-photo/stack-books-black-wooden-table_93675-135223.jpg" },
+            ]}
+            title="Agency Metrics"
+            description="Hard-hitting performance for client success."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "Transformative branding work that redefined our position.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-handsome-man_23-2148532556.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Exceptional clarity and design aesthetic throughout.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@erod",
-          testimonial: "A truly modern approach to branding and digital identity.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "They understand market nuance better than anyone.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-tailor-blue-shirt-striped-t-shirt-dreamily-looking-camera-working-with-textile-sewing-workshop_574295-3688.jpg",
-        },
-        {
-          id: "5",
-          name: "Maria Lopez",
-          handle: "@mlopez",
-          testimonial: "Professional execution, stunning visual results.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-long-hair-outside-posing-portrait-close-up_1321-4608.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Client Voices"
-      description="What industry leaders say about our work."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Transformative branding work that redefined our position.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-handsome-man_23-2148532556.jpg" },
+              { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Exceptional clarity and design aesthetic throughout.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg" },
+              { id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "A truly modern approach to branding and digital identity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
+              { id: "4", name: "David Kim", handle: "@dkim", testimonial: "They understand market nuance better than anyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-tailor-blue-shirt-striped-t-shirt-dreamily-looking-camera-working-with-textile-sewing-workshop_574295-3688.jpg" },
+              { id: "5", name: "Maria Lopez", handle: "@mlopez", testimonial: "Professional execution, stunning visual results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-long-hair-outside-posing-portrait-close-up_1321-4608.jpg" },
+            ]}
+            showRating={true}
+            title="Client Voices"
+            description="What industry leaders say about our work."
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Apex Designs",
-        "Luminary Corp",
-        "Nexus Labs",
-        "Vanguard Mode",
-        "Boutique Group",
-        "Startup Flow",
-        "Premium Life",
-      ]}
-      title="Trusted Partners"
-      description="Proudly working with visionary industry leaders."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Apex Designs", "Luminary Corp", "Nexus Labs", "Vanguard Mode", "Boutique Group", "Startup Flow", "Premium Life"]}
+            title="Trusted Partners"
+            description="Proudly working with visionary industry leaders."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do we define market rate?",
-          content: "Our rates reflect high-end agency quality, market competition, and project scope.",
-        },
-        {
-          id: "f2",
-          title: "What is the typical timeline?",
-          content: "Timelines range from 4 to 12 weeks depending on your brand's specific needs.",
-        },
-        {
-          id: "f3",
-          title: "Can you handle strategy too?",
-          content: "Strategy is the foundation of every brand identity project we lead.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-books-candles-room_169016-57874.jpg"
-      mediaAnimation="slide-up"
-      title="Questions Answered"
-      description="Clarifying our process and engagement philosophy."
-      faqsAnimation="slide-up"
-      imageAlt="minimalist architectural interior"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "How do we define market rate?", content: "Our rates reflect high-end agency quality, market competition, and project scope." },
+              { id: "f2", title: "What is the typical timeline?", content: "Timelines range from 4 to 12 weeks depending on your brand's specific needs." },
+              { id: "f3", title: "Can you handle strategy too?", content: "Strategy is the foundation of every brand identity project we lead." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-books-candles-room_169016-57874.jpg"
+            mediaAnimation="slide-up"
+            title="Questions Answered"
+            description="Clarifying our process and engagement philosophy."
+            faqsAnimation="slide-up"
+            imageAlt="minimalist architectural interior"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Let's Talk"
-      title="Start Your Project"
-      description="Join the waitlist for Q3/Q4 branding slots."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Let's Talk"
+            title="Start Your Project"
+            description="Join the waitlist for Q3/Q4 branding slots."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="BrandRate"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+              { items: [{ label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }] },
+              { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
+            ]}
+            logoText="BrandRate"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1