Merge version_2 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, CheckCircle, Globe } from "lucide-react";
|
||||
import { Award, CheckCircle, Globe, Zap, ShieldCheck, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Benefits", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="ShopCommerce"
|
||||
/>
|
||||
@@ -50,39 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Future of Shopping, Delivered."
|
||||
description="Discover our collection of high-end gadgets designed to simplify your life. Built with precision, performance, and style in mind."
|
||||
tag="New 2025 Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg",
|
||||
imageAlt: "minimalist gadget photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.jpg",
|
||||
imageAlt: "tech device lifestyle photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg",
|
||||
imageAlt: "Minimal Tech Setup with Earbuds",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17240.jpg",
|
||||
imageAlt: "Minimal Tech Setup with Earbuds",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg",
|
||||
imageAlt: "Neon robot vacuum cleaner",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.jpg" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -91,26 +57,24 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
<FeatureCardTen
|
||||
title="Engineered for Excellence"
|
||||
description="Our products combine cutting-edge technology with intuitive design to enhance your daily workflow and lifestyle."
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Clunky Software",
|
||||
"No Hidden Fees",
|
||||
"No Quality Compromise",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Advanced Performance",
|
||||
"Sleek Minimal Design",
|
||||
"Long-lasting Battery",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="The difference between standard and premium experience is attention to detail."
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Performance", description: "Engineered with the latest chipsets to ensure lightning-fast processing speeds without overheating.", items: [{ icon: Zap, text: "Max Efficiency" }, { icon: ShieldCheck, text: "Industry Tested" }],
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg" },
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Reliable Reliability", description: "Built to last with premium materials that withstand daily wear and tear for years to come.", items: [{ icon: Clock, text: "Extended Longevity" }, { icon: CheckCircle, text: "Warranty Guaranteed" }],
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17240.jpg" },
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,51 +85,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Wireless Hub",
|
||||
price: "$129",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smart Audio Pod",
|
||||
price: "$199",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elite Focus Cam",
|
||||
price: "$249",
|
||||
variant: "Ultra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-smartphone-table_23-2148036986.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Carbon Sync Node",
|
||||
price: "$89",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Titan Charge Block",
|
||||
price: "$49",
|
||||
variant: "Max",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Omni Connect Key",
|
||||
price: "$69",
|
||||
variant: "Core",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Pro Wireless Hub", price: "$129", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg" },
|
||||
{ id: "p2", name: "Smart Audio Pod", price: "$199", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg" },
|
||||
{ id: "p3", name: "Elite Focus Cam", price: "$249", variant: "Ultra", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-smartphone-table_23-2148036986.jpg" }
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="Browse our curated selection of top-rated technology devices."
|
||||
title="Top Performance Picks"
|
||||
description="Carefully selected hardware for professionals and enthusiasts alike."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -175,27 +100,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Devices Delivered",
|
||||
value: "50,000+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Customer Satisfaction",
|
||||
value: "99.8%",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Global Shipping",
|
||||
value: "120+",
|
||||
icon: Globe,
|
||||
},
|
||||
{ id: "m1", title: "Devices Delivered", value: "50,000+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Customer Satisfaction", value: "99.8%", icon: Award },
|
||||
{ id: "m3", title: "Global Locations", value: "120+", icon: Globe },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak for our commitment to quality."
|
||||
title="Proven Results"
|
||||
description="Join thousands of satisfied users globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -203,35 +113,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247208.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg" },
|
||||
{ id: "t2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg" }
|
||||
]}
|
||||
cardTitle="Loved by Thousands"
|
||||
cardTag="Our Customers"
|
||||
cardTitle="Trusted by Professionals"
|
||||
cardTag="Customer Success"
|
||||
cardAnimation="slide-up"
|
||||
buttons={[{ text: "Join Thousands", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -239,93 +127,39 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLabs",
|
||||
"NextGen",
|
||||
"DesignFlow",
|
||||
"FutureSmart",
|
||||
"GlobalMetrics",
|
||||
"ApexSolutions",
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Partnering with global brands to set new standards."
|
||||
names={["TechCorp", "InnovateLabs", "NextGen", "DesignFlow", "FutureSmart"]}
|
||||
title="Industry Partners"
|
||||
description="Collaborating with top innovators to shape the tech landscape."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqDouble
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is shipping free?",
|
||||
content: "Yes, we offer free worldwide shipping on all orders over $100.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Every product includes a 2-year manufacturer warranty.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return items?",
|
||||
content: "You have 30 days to return any item if you are not fully satisfied.",
|
||||
},
|
||||
{ id: "q1", title: "What is your shipping policy?", content: "We offer free expedited shipping on all orders over $100 worldwide." },
|
||||
{ id: "q2", title: "Can I return products?", content: "Yes, we have a no-questions-asked 30-day return policy for your peace of mind." },
|
||||
{ id: "q3", title: "Is there a warranty?", content: "All devices are covered by our comprehensive 2-year manufacturer guarantee." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our products."
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common inquiries quickly."
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterBase
|
||||
logoText="ShopCommerce"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Catalog", href: "#products" }, { label: "Why Us", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Support", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 ShopCommerce. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user