From a22f3df9e151e90b2f31cd69e908d37dc241dfb3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 12:32:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 567 ++++++++++++++---------------------------------
 1 file changed, 170 insertions(+), 397 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3077051..0700234 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Building2, LineChart, Link, MessageSquare, Palette, ShieldCheck, Sparkles, Target, TrendingUp, Zap } from "lucide-react";
+import { BarChart3, Building2, Link, MessageSquare, Palette, ShieldCheck, Sparkles, Target, TrendingUp, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,413 +20,186 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Karas Company"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Team", id: "team" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Karas Company"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Karas Company: Innovating Your Future"
-      description="Driving digital transformation for forward-thinking enterprises. We deliver premium solutions tailored to your unique goals."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Trusted by 100+ global enterprises"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Innovative Strategy",
-          icon: Sparkles,
-        },
-        {
-          type: "text-icon",
-          text: "Data-Driven Results",
-          icon: LineChart,
-        },
-        {
-          type: "text-icon",
-          text: "Enterprise Solutions",
-          icon: Building2,
-        },
-        {
-          type: "text-icon",
-          text: "Seamless Integration",
-          icon: Link,
-        },
-        {
-          type: "text-icon",
-          text: "Continuous Growth",
-          icon: TrendingUp,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "gradient-bars" }}
+            title="Karas Company: Innovating Your Future"
+            description="Driving digital transformation for forward-thinking enterprises. We deliver premium solutions tailored to your unique goals."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", alt: "User 5" }
+            ]}
+            avatarText="Trusted by 100+ global enterprises"
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            marqueeItems={[
+              { type: "text-icon", text: "Innovative Strategy", icon: Sparkles },
+              { type: "text-icon", text: "Data-Driven Results", icon: LineChart },
+              { type: "text-icon", text: "Enterprise Solutions", icon: Building2 },
+              { type: "text-icon", text: "Seamless Integration", icon: Link },
+              { type: "text-icon", text: "Continuous Growth", icon: TrendingUp }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="A Legacy of Excellence"
-      description="Karas Company has been a cornerstone of professional innovation for over a decade. We combine deep industry knowledge with modern technological agility to ensure our clients lead their markets."
-      bulletPoints={[
-        {
-          title: "Strategic Growth",
-          description: "Helping businesses scale with precision.",
-        },
-        {
-          title: "Industry Expertise",
-          description: "Decades of proven results across sectors.",
-        },
-        {
-          title: "Innovative Mindset",
-          description: "Future-proof solutions today.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/co-workers-discussing-last-financial-analysis_1139-219.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="A Legacy of Excellence"
+            description="Karas Company has been a cornerstone of professional innovation for over a decade. We combine deep industry knowledge with modern technological agility to ensure our clients lead their markets."
+            bulletPoints={[
+              { title: "Strategic Growth", description: "Helping businesses scale with precision." },
+              { title: "Industry Expertise", description: "Decades of proven results across sectors." },
+              { title: "Innovative Mindset", description: "Future-proof solutions today." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/co-workers-discussing-last-financial-analysis_1139-219.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Digital Strategy",
-          description: "End-to-end consulting for a digital world.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/technology-background-with-connected-icons_23-2147592009.jpg",
-          },
-          items: [
-            {
-              icon: Zap,
-              text: "Fast execution",
-            },
-            {
-              icon: Target,
-              text: "Goal-oriented",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-work-while-her-colleagues-are-using-laptop-documents_23-2149330960.jpg",
-          imageAlt: "tech innovation abstract design",
-        },
-        {
-          title: "Data Analytics",
-          description: "Transform data into actionable insights.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg",
-          },
-          items: [
-            {
-              icon: BarChart3,
-              text: "Real-time tracking",
-            },
-            {
-              icon: ShieldCheck,
-              text: "Secure data",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/co-workers-discussing-last-financial-analysis_1139-219.jpg?_wi=2",
-          imageAlt: "tech innovation abstract design",
-        },
-        {
-          title: "Brand Development",
-          description: "Establishing market authority through design.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/business-commerce_53876-92772.jpg",
-          },
-          items: [
-            {
-              icon: Palette,
-              text: "Visual excellence",
-            },
-            {
-              icon: MessageSquare,
-              text: "Clear communication",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg",
-          imageAlt: "tech innovation abstract design",
-        },
-      ]}
-      title="Core Capabilities"
-      description="Our comprehensive suite of services is designed to elevate your operational efficiency and long-term viability."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Digital Strategy",                description: "End-to-end consulting for a digital world.",                media: { imageSrc: "http://img.b2bpic.net/free-vector/technology-background-with-connected-icons_23-2147592009.jpg" },
+                items: [
+                  { icon: Zap, text: "Fast execution" },
+                  { icon: Target, text: "Goal-oriented" }
+                ],
+                reverse: false
+              },
+              {
+                title: "Data Analytics",                description: "Transform data into actionable insights.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg" },
+                items: [
+                  { icon: BarChart3, text: "Real-time tracking" },
+                  { icon: ShieldCheck, text: "Secure data" }
+                ],
+                reverse: true
+              },
+              {
+                title: "Brand Development",                description: "Establishing market authority through design.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/business-commerce_53876-92772.jpg" },
+                items: [
+                  { icon: Palette, text: "Visual excellence" },
+                  { icon: MessageSquare, text: "Clear communication" }
+                ],
+                reverse: false
+              }
+            ]}
+            title="Core Capabilities"
+            description="Our comprehensive suite of services is designed to elevate your operational efficiency and long-term viability."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Corporate Suite",
-          price: "$1,999",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-with-glowing-lines_9975-32956.jpg",
-        },
-        {
-          id: "2",
-          name: "Growth Analytics",
-          price: "$2,499",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
-        },
-        {
-          id: "3",
-          name: "Brand Identity",
-          price: "$3,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg",
-        },
-        {
-          id: "4",
-          name: "Strategy Audit",
-          price: "$1,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-background-with-circuit-board-pattern_9975-32858.jpg",
-        },
-        {
-          id: "5",
-          name: "Digital Security",
-          price: "$2,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-entrepreneur-pitching-new-project-idea-stakeholders_482257-118564.jpg",
-        },
-        {
-          id: "6",
-          name: "Managed Services",
-          price: "$4,000",
-          imageSrc: "http://img.b2bpic.net/free-vector/vector-ui-illustration-business-people-concept_53876-32459.jpg",
-        },
-      ]}
-      title="Our Specialized Offerings"
-      description="High-impact solutions for modern business requirements."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", name: "Corporate Suite", price: "$1,999", imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-with-glowing-lines_9975-32956.jpg" },
+              { id: "2", name: "Growth Analytics", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg" },
+              { id: "3", name: "Brand Identity", price: "$3,200", imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg" }
+            ]}
+            title="Our Specialized Offerings"
+            description="High-impact solutions for modern business requirements."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "m1",
-          name: "Alex Karas",
-          role: "CEO",
-          description: "Visionary leader with 20 years of expertise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg",
-        },
-        {
-          id: "m2",
-          name: "Elena Smith",
-          role: "CTO",
-          description: "Engineering excellence at the core.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-        },
-        {
-          id: "m3",
-          name: "Marcus Chen",
-          role: "Head of Growth",
-          description: "Scaling businesses across markets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
-        },
-        {
-          id: "m4",
-          name: "Sarah Jordan",
-          role: "Creative Lead",
-          description: "Defining modern corporate design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg",
-        },
-      ]}
-      title="Leadership Team"
-      description="The minds driving Karas Company forward."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            members={[
+              { id: "m1", name: "Alex Karas", role: "CEO", description: "Visionary leader with 20 years of expertise.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg" },
+              { id: "m2", name: "Elena Smith", role: "CTO", description: "Engineering excellence at the core.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
+              { id: "m3", name: "Marcus Chen", role: "Head of Growth", description: "Scaling businesses across markets.", imageSrc: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg" },
+              { id: "m4", name: "Sarah Jordan", role: "Creative Lead", description: "Defining modern corporate design.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg" }
+            ]}
+            title="Leadership Team"
+            description="The minds driving Karas Company forward."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "CTO",
-          company: "InnovateLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Marketing Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Product Manager",
-          company: "StartupXYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
-        },
-        {
-          id: "5",
-          name: "Jennifer Lee",
-          role: "Operations Manager",
-          company: "GlobalReach",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="Hear what industry leaders say about our partnership."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
+              { id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg" },
+              { id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg" }
+            ]}
+            title="Client Success Stories"
+            description="Hear what industry leaders say about our partnership."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do we start?",
-          content: "Schedule a discovery call with our team to discuss your objectives.",
-        },
-        {
-          id: "q2",
-          title: "What is the typical timeframe?",
-          content: "Projects generally range from 4-12 weeks depending on scope.",
-        },
-        {
-          id: "q3",
-          title: "Do you provide support?",
-          content: "Yes, we offer ongoing management and optimization services.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know about working with us."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How do we start?", content: "Schedule a discovery call with our team to discuss your objectives." },
+              { id: "q2", title: "What is the typical timeframe?", content: "Projects generally range from 4-12 weeks depending on scope." },
+              { id: "q3", title: "Do you provide support?", content: "Yes, we offer ongoing management and optimization services." }
+            ]}
+            sideTitle="Frequently Asked Questions"
+            sideDescription="Everything you need to know about working with us."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get in touch"
-      title="Start your journey today"
-      description="Fill in your email to connect with our strategic advisors."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            tag="Get in touch"
+            title="Start your journey today"
+            description="Fill in your email to connect with our strategic advisors."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Our Team",
-              href: "#team",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Karas Company"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Team", href: "#team" }] },
+              { title: "Resources", items: [{ label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] }
+            ]}
+            logoText="Karas Company"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1