Update src/app/page.tsx
This commit is contained in:
286
src/app/page.tsx
286
src/app/page.tsx
@@ -32,41 +32,25 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qumeee"
|
||||
logoAlt="Brand Logo"
|
||||
brandName="Your Brand"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,13 +60,9 @@ export default function LandingPage() {
|
||||
description="Empowering your journey with innovative solutions and unparalleled support. Discover the future of possibility with us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Solutions",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Solutions", href: "#features"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-shapes-indoors-background_23-2150697326.jpg"
|
||||
imageAlt="Hero background image showing a diverse team collaborating in a modern office."
|
||||
@@ -95,11 +75,9 @@ export default function LandingPage() {
|
||||
title="About Our Mission"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Discover Our Story", href: "#"},
|
||||
]}
|
||||
description="We are dedicated to transforming your ideas into reality through cutting-edge technology and a commitment to excellence. Our team works tirelessly to deliver solutions that not only meet, but exceed your expectations. We believe in fostering long-term relationships built on trust and mutual success."
|
||||
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,35 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Streamlined Workflow",
|
||||
tags: [
|
||||
"Efficiency",
|
||||
"Automation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-hair-digital-meeting-office-supply-innovate_1134-1334.jpg",
|
||||
imageAlt: "Streamlined Workflow",
|
||||
},
|
||||
id: "f1", title: "Streamlined Workflow", tags: [
|
||||
"Efficiency", "Automation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-hair-digital-meeting-office-supply-innovate_1134-1334.jpg", imageAlt: "Streamlined Workflow"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Robust Security",
|
||||
tags: [
|
||||
"Protection",
|
||||
"Privacy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-digital-hand-lock_23-2151997019.jpg",
|
||||
imageAlt: "Robust Security",
|
||||
},
|
||||
id: "f2", title: "Robust Security", tags: [
|
||||
"Protection", "Privacy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-digital-hand-lock_23-2151997019.jpg", imageAlt: "Robust Security"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Seamless Integration",
|
||||
tags: [
|
||||
"Connectivity",
|
||||
"Compatibility",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-admin-receiving-threat-detection-alert-device_482257-120788.jpg",
|
||||
imageAlt: "Seamless Integration",
|
||||
},
|
||||
id: "f3", title: "Seamless Integration", tags: [
|
||||
"Connectivity", "Compatibility"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-admin-receiving-threat-detection-alert-device_482257-120788.jpg", imageAlt: "Seamless Integration"},
|
||||
]}
|
||||
title="Powerful Features Designed For You"
|
||||
description="Our platform offers a comprehensive suite of tools to help you achieve your goals with ease and confidence."
|
||||
@@ -153,65 +113,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TechGadgets",
|
||||
name: "SmartWatch Pro",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-asian-sportswoman-checking-pulse-with-electronic-device_1098-18984.jpg",
|
||||
imageAlt: "SmartWatch Pro",
|
||||
},
|
||||
id: "p1", brand: "TechGadgets", name: "SmartWatch Pro", price: "$299", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-asian-sportswoman-checking-pulse-with-electronic-device_1098-18984.jpg", imageAlt: "SmartWatch Pro"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "AudioX",
|
||||
name: "Noise Cancelling Headphones",
|
||||
price: "$199",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-pleased-young-talented-skater-naps-green-lawn-smiles-happily-as-sees-pleasant-dreams_273609-8762.jpg",
|
||||
imageAlt: "Noise Cancelling Headphones",
|
||||
},
|
||||
id: "p2", brand: "AudioX", name: "Noise Cancelling Headphones", price: "$199", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/tired-pleased-young-talented-skater-naps-green-lawn-smiles-happily-as-sees-pleasant-dreams_273609-8762.jpg", imageAlt: "Noise Cancelling Headphones"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Mobile Innovations",
|
||||
name: "Ultra-Slim Smartphone",
|
||||
price: "$799",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-right-view_187299-35248.jpg",
|
||||
imageAlt: "Ultra-Slim Smartphone",
|
||||
},
|
||||
id: "p3", brand: "Mobile Innovations", name: "Ultra-Slim Smartphone", price: "$799", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-right-view_187299-35248.jpg", imageAlt: "Ultra-Slim Smartphone"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "PowerUp",
|
||||
name: "Portable Power Bank 20000mAh",
|
||||
price: "$49",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-129226.jpg",
|
||||
imageAlt: "Portable Power Bank 20000mAh",
|
||||
},
|
||||
id: "p4", brand: "PowerUp", name: "Portable Power Bank 20000mAh", price: "$49", rating: 4,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-129226.jpg", imageAlt: "Portable Power Bank 20000mAh"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "SoundBliss",
|
||||
name: "Wireless Earbuds Elite",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-airpods_23-2148560452.jpg",
|
||||
imageAlt: "Wireless Earbuds Elite",
|
||||
},
|
||||
id: "p5", brand: "SoundBliss", name: "Wireless Earbuds Elite", price: "$129", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-airpods_23-2148560452.jpg", imageAlt: "Wireless Earbuds Elite"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "ErgoGear",
|
||||
name: "Ergonomic Wireless Mouse",
|
||||
price: "$35",
|
||||
rating: 4,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-table-with-computer-supplies-coffee-cup_93675-134616.jpg",
|
||||
imageAlt: "Ergonomic Wireless Mouse",
|
||||
},
|
||||
id: "p6", brand: "ErgoGear", name: "Ergonomic Wireless Mouse", price: "$35", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-table-with-computer-supplies-coffee-cup_93675-134616.jpg", imageAlt: "Ergonomic Wireless Mouse"},
|
||||
]}
|
||||
title="Our Latest Innovations"
|
||||
description="Explore our curated selection of high-quality products designed to enhance your daily life."
|
||||
@@ -225,20 +143,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200M+",
|
||||
description: "Users Reached",
|
||||
},
|
||||
id: "m1", value: "200M+", description: "Users Reached"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Uptime Reliability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
description: "Years of Innovation",
|
||||
},
|
||||
id: "m3", value: "10+", description: "Years of Innovation"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -252,45 +161,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "InnovateCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "CEO", company: "InnovateCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "FutureTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10533.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "CTO", company: "FutureTech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10533.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupGenius",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-studio_158595-1802.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Product Manager", company: "StartupGenius", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-studio_158595-1802.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "Operations Lead",
|
||||
company: "Efficient Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-trendy-girl-involved-teen-subculture-grabs-your-attention-blank-space-keeps-palm-raises-shows-advertising-content-wears-turtleneck-white-jeans-isolated-red-wall_273609-53770.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", role: "Operations Lead", company: "Efficient Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-trendy-girl-involved-teen-subculture-grabs-your-attention-blank-space-keeps-palm-raises-shows-advertising-content-wears-turtleneck-white-jeans-isolated-red-wall_273609-53770.jpg", imageAlt: "Female Operations Lead testimonial"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from those who have experienced the difference our solutions make."
|
||||
@@ -303,30 +187,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How does your service work?",
|
||||
content: "Our service simplifies complex processes, offering intuitive tools and dedicated support to guide you every step of the way.",
|
||||
},
|
||||
id: "faq1", title: "How does your service work?", content: "Our service simplifies complex processes, offering intuitive tools and dedicated support to guide you every step of the way."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What are your pricing plans?",
|
||||
content: "We offer flexible pricing tiers designed to fit individual and business needs. Please visit our pricing page for detailed information.",
|
||||
},
|
||||
id: "faq2", title: "What are your pricing plans?", content: "We offer flexible pricing tiers designed to fit individual and business needs. Please visit our pricing page for detailed information."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I integrate with my existing tools?",
|
||||
content: "Yes, our platform is built for seamless integration with a wide range of popular third-party applications and services.",
|
||||
},
|
||||
id: "faq3", title: "Can I integrate with my existing tools?", content: "Yes, our platform is built for seamless integration with a wide range of popular third-party applications and services."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Do you offer customer support?",
|
||||
content: "Absolutely! Our expert support team is available 24/7 to assist you with any questions or issues you may encounter.",
|
||||
},
|
||||
id: "faq4", title: "Do you offer customer support?", content: "Absolutely! Our expert support team is available 24/7 to assist you with any questions or issues you may encounter."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Is my data secure?",
|
||||
content: "Data security is our top priority. We employ industry-leading encryption and security protocols to protect your information.",
|
||||
},
|
||||
id: "faq5", title: "Is my data secure?", content: "Data security is our top priority. We employ industry-leading encryption and security protocols to protect your information."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about our products and services."
|
||||
@@ -338,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Contact Us for More Information"
|
||||
description="Have a question or need assistance? Reach out to our team, and we'll be happy to help you."
|
||||
@@ -355,67 +223,45 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
videoSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg"
|
||||
videoAriaLabel="Abstract network connections looping video"
|
||||
logoSrc="http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-53850.jpg"
|
||||
logoAlt="Your Brand Logo"
|
||||
logoText="Your Brand"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Your Brand | All rights reserved."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg?_wi=2"
|
||||
imageAlt="abstract network connections seamless loop"
|
||||
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user