Merge version_1 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Innovate"
|
||||
/>
|
||||
@@ -54,66 +42,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Build Your Future with Innovation"
|
||||
description="Unlock growth through intelligent technology solutions designed to scale your business effortlessly."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-tilting-head-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83254.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-tilting-head-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83254.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ teams"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Performance",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cloud Native",
|
||||
icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Data",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Easy Integration",
|
||||
icon: Code,
|
||||
},
|
||||
{ type: "text-icon", text: "Fast Performance", icon: Zap },
|
||||
{ type: "text-icon", text: "Cloud Native", icon: Cloud },
|
||||
{ type: "text-icon", text: "Secure Data", icon: Shield },
|
||||
{ type: "text-icon", text: "24/7 Support", icon: Headphones },
|
||||
{ type: "text-icon", text: "Easy Integration", icon: Code },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,15 +68,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our mission is to empower your business with advanced digital tools.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/executives-joking-laughing-office_1098-1834.jpg",
|
||||
alt: "Mission",
|
||||
},
|
||||
{ type: "text", content: "Our mission is to empower your business with advanced digital tools." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/executives-joking-laughing-office_1098-1834.jpg", alt: "Mission" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,32 +81,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Data Analytics",
|
||||
descriptions: [
|
||||
"Real-time data insights.",
|
||||
"Automated reporting features.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-website-loading-speed-test_107791-17929.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Data Analytics", descriptions: ["Real-time data insights.", "Automated reporting features."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-website-loading-speed-test_107791-17929.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cloud Security",
|
||||
descriptions: [
|
||||
"End-to-end encryption.",
|
||||
"Automated threat detection.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-technology-simulating-human-brain-used-by-engineer_482257-122157.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Cloud Security", descriptions: ["End-to-end encryption.", "Automated threat detection."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-technology-simulating-human-brain-used-by-engineer_482257-122157.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Mobile Solutions",
|
||||
descriptions: [
|
||||
"Cross-platform accessibility.",
|
||||
"Seamless mobile integration.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Mobile Solutions", descriptions: ["Cross-platform accessibility.", "Seamless mobile integration."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg"},
|
||||
]}
|
||||
title="Smart Features for Growth"
|
||||
description="We offer advanced features to help you navigate modern digital challenges."
|
||||
@@ -178,25 +99,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Clients Served",
|
||||
value: "500+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Efficiency Gain",
|
||||
value: "85%",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Uptime",
|
||||
value: "99.9%",
|
||||
icon: Shield,
|
||||
},
|
||||
{ id: "m1", title: "Clients Served", value: "500+", icon: Award },
|
||||
{ id: "m2", title: "Efficiency Gain", value: "85%", icon: Zap },
|
||||
{ id: "m3", title: "Uptime", value: "99.9%", icon: Shield },
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Our track record speaks for itself through our measurable impact."
|
||||
@@ -208,61 +115,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "CTO",
|
||||
quote: "Incredible service, transformed our workflow.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8561.jpg",
|
||||
imageAlt: "professional headshot bright background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
date: "Feb 2024",
|
||||
title: "Manager",
|
||||
quote: "Highly reliable and innovative tools.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executives-joking-laughing-office_1098-1834.jpg",
|
||||
imageAlt: "professional headshot bright background",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Smith",
|
||||
date: "Mar 2024",
|
||||
title: "CEO",
|
||||
quote: "Excellent team and superior features.",
|
||||
tag: "Global",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-website-loading-speed-test_107791-17929.jpg?_wi=2",
|
||||
imageAlt: "professional headshot bright background",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Brown",
|
||||
date: "Apr 2024",
|
||||
title: "DevOps",
|
||||
quote: "Speed and reliability like never before.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-senior-man-posing-white-shirt_23-2149488012.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-technology-simulating-human-brain-used-by-engineer_482257-122157.jpg?_wi=2",
|
||||
imageAlt: "professional headshot bright background",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Wilson",
|
||||
date: "May 2024",
|
||||
title: "Designer",
|
||||
quote: "A total game changer for our projects.",
|
||||
tag: "Creative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg?_wi=2",
|
||||
imageAlt: "professional headshot bright background",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", date: "Jan 2024", title: "CTO", quote: "Incredible service, transformed our workflow.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8561.jpg", imageAlt: "professional headshot bright background" },
|
||||
{ id: "2", name: "John Doe", date: "Feb 2024", title: "Manager", quote: "Highly reliable and innovative tools.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", imageSrc: "http://img.b2bpic.net/free-photo/executives-joking-laughing-office_1098-1834.jpg", imageAlt: "professional headshot bright background" },
|
||||
{ id: "3", name: "Emily Smith", date: "Mar 2024", title: "CEO", quote: "Excellent team and superior features.", tag: "Global", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-website-loading-speed-test_107791-17929.jpg", imageAlt: "professional headshot bright background" },
|
||||
{ id: "4", name: "Alex Brown", date: "Apr 2024", title: "DevOps", quote: "Speed and reliability like never before.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-senior-man-posing-white-shirt_23-2149488012.jpg", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-technology-simulating-human-brain-used-by-engineer_482257-122157.jpg", imageAlt: "professional headshot bright background" },
|
||||
{ id: "5", name: "Jane Wilson", date: "May 2024", title: "Designer", quote: "A total game changer for our projects.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg", imageAlt: "professional headshot bright background" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Hear directly from those who trust our solutions."
|
||||
@@ -274,21 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it easy to integrate?",
|
||||
content: "Yes, our solution integrates within minutes.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer support?",
|
||||
content: "We offer 24/7 dedicated support.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How is my data secured?",
|
||||
content: "We use enterprise-grade encryption standard.",
|
||||
},
|
||||
{ id: "q1", title: "Is it easy to integrate?", content: "Yes, our solution integrates within minutes." },
|
||||
{ id: "q2", title: "Do you offer support?", content: "We offer 24/7 dedicated support." },
|
||||
{ id: "q3", title: "How is my data secured?", content: "We use enterprise-grade encryption standard." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you get started."
|
||||
@@ -302,25 +147,10 @@ export default function LandingPage() {
|
||||
title="Connect With Us"
|
||||
description="Ready to transform your business? Reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Message", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-from-home_23-2148916095.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -330,32 +160,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-background_53876-160646.jpg"
|
||||
logoText="Innovate"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user