Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-19 12:32:03 +00:00

View File

@@ -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>
);