Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ConnectPro"
|
||||
/>
|
||||
@@ -57,43 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="The Next Gen of Connection"
|
||||
description="Premium mobile services and elite accessories designed for the modern lifestyle. Connect faster, stay smarter, and upgrade your gear."
|
||||
tag="Trusted Tech Provider"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Services", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-using-smartphone-with-glowing-screen_23-2151968706.jpg",
|
||||
imageAlt: "futuristic smartphone dark background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-internet-close-business-smartphone_1150-1684.jpg",
|
||||
imageAlt: "person holding smartphone cinematic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-streaming-app-mobile-phone_53876-98071.jpg",
|
||||
imageAlt: "Music streaming app on a mobile phone",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-screen-smartphone-digital-device_53876-101152.jpg",
|
||||
imageAlt: "Bright screen on a smartphone digital device",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-healthcare-communication-via-digitally-generated-abstract-design-generated-by-ai_188544-29913.jpg",
|
||||
imageAlt: "Futuristic healthcare communication via digitally generated abstract design generated by AI",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-person-using-smartphone-with-glowing-screen_23-2151968706.jpg", imageAlt: "futuristic smartphone dark background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-internet-close-business-smartphone_1150-1684.jpg", imageAlt: "person holding smartphone cinematic" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -108,21 +64,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "5G Coverage",
|
||||
description: "Blazing fast speeds everywhere you go.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/symbols-5g-tablet-wooden-desk_23-2148207712.jpg",
|
||||
},
|
||||
{
|
||||
title: "Elite Wireless Tech",
|
||||
description: "Charging solutions for all your devices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-composition-office-desk-with-copy-space_23-2148488703.jpg",
|
||||
},
|
||||
{
|
||||
title: "Durable Protection",
|
||||
description: "Advanced materials for maximum safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763308.jpg",
|
||||
},
|
||||
{ title: "5G Coverage", description: "Blazing fast speeds everywhere you go.", imageSrc: "http://img.b2bpic.net/free-photo/symbols-5g-tablet-wooden-desk_23-2148207712.jpg" },
|
||||
{ title: "Elite Wireless Tech", description: "Charging solutions for all your devices.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-composition-office-desk-with-copy-space_23-2148488703.jpg" },
|
||||
{ title: "Durable Protection", description: "Advanced materials for maximum safety.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763308.jpg" },
|
||||
]}
|
||||
title="Why Choose ConnectPro?"
|
||||
description="We prioritize performance, reliability, and style in every accessory and service plan we offer."
|
||||
@@ -136,42 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Rugged Elite Case",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/5g-text-mobile-phone_23-2148291165.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro Audio Headphones",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/journalism-headphones-interview_23-2148524067.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ultra Power Bank",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fast Sync Cable",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/usb-cable-type-c-pink-blue-background_58702-4536.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tempered Glass Kit",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-disinfecting-smartphone_23-2148577827.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Desktop Stand",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-chicken-eggs-table-with-phone_23-2148744402.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Rugged Elite Case", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/5g-text-mobile-phone_23-2148291165.jpg" },
|
||||
{ id: "p2", name: "Pro Audio Headphones", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/journalism-headphones-interview_23-2148524067.jpg" },
|
||||
{ id: "p3", name: "Ultra Power Bank", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg" },
|
||||
{ id: "p4", name: "Fast Sync Cable", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/usb-cable-type-c-pink-blue-background_58702-4536.jpg" },
|
||||
{ id: "p5", name: "Tempered Glass Kit", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/person-disinfecting-smartphone_23-2148577827.jpg" },
|
||||
{ id: "p6", name: "Desktop Stand", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-chicken-eggs-table-with-phone_23-2148744402.jpg" },
|
||||
]}
|
||||
title="Premium Accessories"
|
||||
description="Enhance your experience with our curated selection of high-performance mobile gear."
|
||||
@@ -184,33 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Devices Connected",
|
||||
items: [
|
||||
"High-speed coverage",
|
||||
"99% Uptime",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15k+",
|
||||
title: "Accessories Sold",
|
||||
items: [
|
||||
"Verified products",
|
||||
"Top brands",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Average Rating",
|
||||
items: [
|
||||
"5-star support",
|
||||
"Fast delivery",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "50k+", title: "Devices Connected", items: ["High-speed coverage", "99% Uptime"] },
|
||||
{ id: "m2", value: "15k+", title: "Accessories Sold", items: ["Verified products", "Top brands"] },
|
||||
{ id: "m3", value: "4.9", title: "Average Rating", items: ["5-star support", "Fast delivery"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Driven by innovation and customer satisfaction."
|
||||
@@ -219,50 +109,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Tech Blogger",
|
||||
company: "TechVoice",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
role: "Creative Lead",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "VP Operations",
|
||||
company: "FastLogistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thompson",
|
||||
role: "Student",
|
||||
company: "TechUni",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-does-his-research-by-reading-articles-taking-notes-home_482257-125677.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Wang",
|
||||
role: "Retail Manager",
|
||||
company: "SmallBiz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Tech Blogger", company: "TechVoice", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg" },
|
||||
{ id: "t2", name: "James Chen", role: "Creative Lead", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", role: "VP Operations", company: "FastLogistics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg" },
|
||||
{ id: "t4", name: "Marcus Thompson", role: "Student", company: "TechUni", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-man-does-his-research-by-reading-articles-taking-notes-home_482257-125677.jpg" },
|
||||
{ id: "t5", name: "David Wang", role: "Retail Manager", company: "SmallBiz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg" },
|
||||
]}
|
||||
title="Customer Success"
|
||||
description="Read what our community has to say about our services."
|
||||
@@ -274,21 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is shipping free?",
|
||||
content: "Yes, we offer free shipping on all orders over $50.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes, you can return any unused item within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long is the warranty?",
|
||||
content: "Most of our accessories come with a 1-year limited warranty.",
|
||||
},
|
||||
{ id: "q1", title: "Is shipping free?", content: "Yes, we offer free shipping on all orders over $50." },
|
||||
{ id: "q2", title: "Do you offer returns?", content: "Yes, you can return any unused item within 30 days." },
|
||||
{ id: "q3", title: "How long is the warranty?", content: "Most of our accessories come with a 1-year limited warranty." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-customer-support-job-using-ai-summarize-clients-issues_482257-117988.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -301,18 +145,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to get started?"
|
||||
description="Contact our support team for any questions or custom inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@connectpro.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "mailto:support@connectpro.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -320,37 +157,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "All Accessories", href: "#products" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "New Arrivals", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user