From 4b80d30bcb21d964af4b1c06cb3c6267847519fd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 14:25:30 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5bb4fe3..533b002 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,294 +15,162 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Summit Financial"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "About", id: "#about" },
+              { name: "Services", id: "#features" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="Summit Financial"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Securing Your Future Through Real Estate"
-      description="Premium real estate financial investment services tailored to your portfolio goals."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-81.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-          alt: "Client",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Diversified Portfolios",
-        },
-        {
-          type: "text",
-          text: "Risk Management",
-        },
-        {
-          type: "text",
-          text: "Global Asset Growth",
-        },
-        {
-          type: "text",
-          text: "Sustainable Development",
-        },
-        {
-          type: "text",
-          text: "Transparency First",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "gradient-bars" }}
+            title="Securing Your Future Through Real Estate"
+            description="Premium real estate financial investment services tailored to your portfolio goals."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Client" },
+              { src: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-81.jpg", alt: "Client" },
+              { src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg", alt: "Client" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg", alt: "Client" },
+              { src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client" },
+            ]}
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            marqueeItems={[
+              { type: "text", text: "Diversified Portfolios" },
+              { type: "text", text: "Risk Management" },
+              { type: "text", text: "Global Asset Growth" },
+              { type: "text", text: "Sustainable Development" },
+              { type: "text", text: "Transparency First" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Expertise Driven by Data"
-      description="We combine market leading analysis with decades of financial experience to ensure your assets grow in value consistently."
-      metrics={[
-        {
-          value: "$500M+",
-          title: "Assets Managed",
-        },
-        {
-          value: "12%",
-          title: "Avg Annual Growth",
-        },
-        {
-          value: "250+",
-          title: "Successful Deals",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-couple-handshaking-with-financial-advisor-meeting-office-focus-is-man_637285-1136.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Expertise Driven by Data"
+            description="We combine market leading analysis with decades of financial experience to ensure your assets grow in value consistently."
+            metrics={[
+              { value: "$500M+", title: "Assets Managed" },
+              { value: "12%", title: "Avg Annual Growth" },
+              { value: "250+", title: "Successful Deals" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/happy-couple-handshaking-with-financial-advisor-meeting-office-focus-is-man_637285-1136.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Portfolio Diversification",
-          description: "Spreading your risk across high-yield commercial properties.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-pieces-arrangement-with-economy-word_23-2148783095.jpg",
-        },
-        {
-          title: "Asset Valuation",
-          description: "Accurate assessment to identify undervalued opportunities.",
-          imageSrc: "http://img.b2bpic.net/free-photo/reading-glasses-piles-coins-high-view_23-2148305967.jpg",
-        },
-        {
-          title: "Development Planning",
-          description: "Full lifecycle planning for major development projects.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-light-bulb-wood-blocks-black_140725-144653.jpg",
-        },
-      ]}
-      title="Our Specialized Investment Services"
-      description="Advanced solutions for diverse market opportunities."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Portfolio Diversification", description: "Spreading your risk across high-yield commercial properties.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-pieces-arrangement-with-economy-word_23-2148783095.jpg" },
+              { title: "Asset Valuation", description: "Accurate assessment to identify undervalued opportunities.", imageSrc: "http://img.b2bpic.net/free-photo/reading-glasses-piles-coins-high-view_23-2148305967.jpg" },
+              { title: "Development Planning", description: "Full lifecycle planning for major development projects.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-light-bulb-wood-blocks-black_140725-144653.jpg" },
+            ]}
+            title="Our Specialized Investment Services"
+            description="Advanced solutions for diverse market opportunities."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Performance Standards"
-      tag="Reliability"
-      metrics={[
-        {
-          id: "m1",
-          value: "99.8%",
-          description: "Client Retention",
-        },
-        {
-          id: "m2",
-          value: "8.5yrs",
-          description: "Average Holding Period",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Market Monitoring",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Performance Standards"
+            tag="Reliability"
+            metrics={[
+              { id: "m1", value: "99.8%", description: "Client Retention" },
+              { id: "m2", value: "8.5yrs", description: "Average Holding Period" },
+              { id: "m3", value: "24/7", description: "Market Monitoring" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "John Doe",
-          role: "Private Investor",
-          testimonial: "Exceptional return on investment and incredible transparency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
-        },
-        {
-          id: "2",
-          name: "Jane Smith",
-          role: "Pension Fund Manager",
-          testimonial: "Summit Financial provides reliable market insights.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-        },
-        {
-          id: "3",
-          name: "Robert Brown",
-          role: "Real Estate Developer",
-          testimonial: "Their risk assessment is second to none.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg",
-        },
-        {
-          id: "4",
-          name: "Alice Johnson",
-          role: "Private Equity",
-          testimonial: "Professional and data-driven approach.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-        },
-        {
-          id: "5",
-          name: "Michael Wilson",
-          role: "Independent Investor",
-          testimonial: "Highly recommended for wealth security.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-        },
-      ]}
-      title="What Our Investors Say"
-      description="Trusted by leading professionals."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "John Doe", role: "Private Investor", testimonial: "Exceptional return on investment and incredible transparency.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg" },
+              { id: "2", name: "Jane Smith", role: "Pension Fund Manager", testimonial: "Summit Financial provides reliable market insights.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
+              { id: "3", name: "Robert Brown", role: "Real Estate Developer", testimonial: "Their risk assessment is second to none.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg" },
+              { id: "4", name: "Alice Johnson", role: "Private Equity", testimonial: "Professional and data-driven approach.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
+              { id: "5", name: "Michael Wilson", role: "Independent Investor", testimonial: "Highly recommended for wealth security.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
+            ]}
+            title="What Our Investors Say"
+            description="Trusted by leading professionals."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do I start?",
-          content: "Contact our team for an initial consultation.",
-        },
-        {
-          id: "f2",
-          title: "What is the minimum investment?",
-          content: "Minimums vary based on the project.",
-        },
-        {
-          id: "f3",
-          title: "Can I diversify internationally?",
-          content: "Yes, we facilitate global acquisitions.",
-        },
-      ]}
-      faqsAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Common inquiries regarding our investment process."
-      imageSrc="http://img.b2bpic.net/free-photo/technological-devices-with-statistics-documents_1232-485.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How do I start?", content: "Contact our team for an initial consultation." },
+              { id: "f2", title: "What is the minimum investment?", content: "Minimums vary based on the project." },
+              { id: "f3", title: "Can I diversify internationally?", content: "Yes, we facilitate global acquisitions." },
+            ]}
+            faqsAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Common inquiries regarding our investment process."
+            imageSrc="http://img.b2bpic.net/free-photo/technological-devices-with-statistics-documents_1232-485.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Talk"
-      title="Ready to discuss your next investment?"
-      description="Contact our advisors today for a personalized financial consultation."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Let's Talk"
+            title="Ready to discuss your next investment?"
+            description="Contact our advisors today for a personalized financial consultation."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Summit Financial"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "#about" },
+                  { label: "Services", href: "#features" },
+                ],
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "FAQ", href: "#faq" },
+                  { label: "Contact", href: "#contact" },
+                ],
+              },
+            ]}
+            logoText="Summit Financial"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1