Merge version_1 into main #2
205
src/app/page.tsx
205
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Instagram, Sparkles, Twitter } from "lucide-react";
|
||||
import { Instagram, Twitter, Cpu, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#features",
|
||||
},
|
||||
name: "About", id: "#features"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Support", id: "#faq"},
|
||||
]}
|
||||
brandName="Apex Clothing"
|
||||
/>
|
||||
@@ -51,47 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Redefine Your Edge"
|
||||
description="Premium streetwear crafted for the modern individual. Experience the fusion of luxury and comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29560.jpg?_wi=1",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29560.jpg", imageAlt: "Fashion Model"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knitted-warm-grey-sweater-scarf-cozy-composition-home-atmosphere_169016-43555.jpg",
|
||||
imageAlt: "Fabric detail",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/knitted-warm-grey-sweater-scarf-cozy-composition-home-atmosphere_169016-43555.jpg", imageAlt: "Fabric detail"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-shot-new-york-buildings-usa_181624-22868.jpg",
|
||||
imageAlt: "Street style",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-shot-new-york-buildings-usa_181624-22868.jpg", imageAlt: "Street style"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-flowy-red-dress-with-copy-space_23-2149020828.jpg",
|
||||
imageAlt: "Studio setup",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-flowy-red-dress-with-copy-space_23-2149020828.jpg", imageAlt: "Studio setup"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor_246466-14.jpg",
|
||||
imageAlt: "Concrete vibe",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor_246466-14.jpg", imageAlt: "Concrete vibe"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-beautiful-woman-posing-against-concrete-wall-sunny-day-wearing-denim-shirt-yellow-top-white-pants_285396-10254.jpg",
|
||||
imageAlt: "Flat lay",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-beautiful-woman-posing-against-concrete-wall-sunny-day-wearing-denim-shirt-yellow-top-white-pants_285396-10254.jpg", imageAlt: "Flat lay"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,25 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 AI Stylist",
|
||||
description: "Get instant fashion advice and outfit matching from our advanced AI assistant.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-smart-home-application-with-voice-command-turn-light-by-tablet-lady-usin_482257-1940.jpg",
|
||||
imageAlt: "AI Tech",
|
||||
},
|
||||
title: "24/7 AI Stylist", description: "Get instant fashion advice and outfit matching from our advanced AI assistant.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-smart-home-application-with-voice-command-turn-light-by-tablet-lady-usin_482257-1940.jpg", imageAlt: "AI Tech"},
|
||||
items: [
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Intelligent matching",
|
||||
},
|
||||
text: "Intelligent matching"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Real-time style tips",
|
||||
},
|
||||
text: "Real-time style tips"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29560.jpg?_wi=2",
|
||||
imageAlt: "ai digital assistant interface",
|
||||
},
|
||||
]}
|
||||
title="Smart Shopping, Redefined"
|
||||
@@ -137,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apex Hoodie",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1065.jpg",
|
||||
},
|
||||
id: "p1", name: "Apex Hoodie", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1065.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Technical Cargo",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-doing-parkour_23-2150373121.jpg",
|
||||
},
|
||||
id: "p2", name: "Technical Cargo", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-doing-parkour_23-2150373121.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Graphic Tee",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-t-shirt-black-jacket-outdoor-gym_89887-1476.jpg",
|
||||
},
|
||||
id: "p3", name: "Graphic Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-t-shirt-black-jacket-outdoor-gym_89887-1476.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Utility Beanie",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-red-hat-grey-coat-poses-before-beige-wall_8353-1180.jpg",
|
||||
},
|
||||
id: "p4", name: "Utility Beanie", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-red-hat-grey-coat-poses-before-beige-wall_8353-1180.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Nylon Shell",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-clenching-fist-looking-away-pink-t-shirt-yellow-jacket-looking-alluring_176474-82723.jpg",
|
||||
},
|
||||
id: "p5", name: "Nylon Shell", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-clenching-fist-looking-away-pink-t-shirt-yellow-jacket-looking-alluring_176474-82723.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Signet Ring",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg",
|
||||
},
|
||||
id: "p6", name: "Signet Ring", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg"},
|
||||
]}
|
||||
title="The Apex Collection"
|
||||
description="Curated essentials for your daily rotation."
|
||||
@@ -185,31 +126,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Global community",
|
||||
"Satisfied shoppers",
|
||||
],
|
||||
id: "m1", value: "10k+", title: "Happy Customers", items: [
|
||||
"Global community", "Satisfied shoppers"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25k+",
|
||||
title: "Outfits Curated",
|
||||
items: [
|
||||
"By our Apex AI",
|
||||
"Personalized style",
|
||||
],
|
||||
id: "m2", value: "25k+", title: "Outfits Curated", items: [
|
||||
"By our Apex AI", "Personalized style"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Customer Rating",
|
||||
items: [
|
||||
"High quality",
|
||||
"Reliable support",
|
||||
],
|
||||
id: "m3", value: "4.9/5", title: "Customer Rating", items: [
|
||||
"High quality", "Reliable support"],
|
||||
},
|
||||
]}
|
||||
title="Apex by the Numbers"
|
||||
@@ -225,45 +151,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-with-lots-shopping-bags_23-2148695588.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Designer", company: "Studio X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-with-lots-shopping-bags_23-2148695588.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Architect",
|
||||
company: "BuildLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-trendy-girl-casual-summer-white-t-shirt-sunglasses-funny-positive-female-posing-near-gray-wall-studio_158538-1593.jpg",
|
||||
},
|
||||
id: "2", name: "Mike R.", role: "Architect", company: "BuildLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-trendy-girl-casual-summer-white-t-shirt-sunglasses-funny-positive-female-posing-near-gray-wall-studio_158538-1593.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
role: "Editor",
|
||||
company: "TrendCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
id: "3", name: "Elena V.", role: "Editor", company: "TrendCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Product Mgr",
|
||||
company: "TechSys",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-short-hair-denim-jacket-smiling-city-brunette-haired-woman-beige-modern-outfit-posing-outdoor_197531-29352.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Product Mgr", company: "TechSys", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-short-hair-denim-jacket-smiling-city-brunette-haired-woman-beige-modern-outfit-posing-outdoor_197531-29352.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe L.",
|
||||
role: "Artist",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-texture-background_53876-98266.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe L.", role: "Artist", company: "Creative", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-texture-background_53876-98266.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what our style community has to say about Apex."
|
||||
@@ -276,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does Apex AI work?",
|
||||
content: "Our AI stylist uses your preferences and current fashion trends to suggest personalized outfit combinations.",
|
||||
},
|
||||
id: "f1", title: "How does Apex AI work?", content: "Our AI stylist uses your preferences and current fashion trends to suggest personalized outfit combinations."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we offer free returns within 30 days of purchase for all items in original condition.",
|
||||
},
|
||||
id: "f2", title: "Can I return items?", content: "Yes, we offer free returns within 30 days of purchase for all items in original condition."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How fast is shipping?",
|
||||
content: "Standard shipping takes 3-5 business days, with express options available at checkout.",
|
||||
},
|
||||
id: "f3", title: "How fast is shipping?", content: "Standard shipping takes 3-5 business days, with express options available at checkout."},
|
||||
]}
|
||||
title="Your Style Questions"
|
||||
description="Find answers about our AI assistant, shipping, and returns."
|
||||
@@ -301,14 +193,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to elevate your wardrobe? Reach out for personalized style advice."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Support",
|
||||
href: "mailto:support@apexclothing.com",
|
||||
},
|
||||
text: "Email Support", href: "mailto:support@apexclothing.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -320,14 +209,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user