Merge version_2 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "AI Assistant",
|
||||
id: "#ai-assistant",
|
||||
},
|
||||
name: "AI Assistant", id: "#ai-assistant"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="EliteSupply"
|
||||
/>
|
||||
@@ -54,69 +48,34 @@ export default function LandingPage() {
|
||||
description="Your premier destination for exclusive products, powered by advanced AI for seamless shopping and custom design."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexshop",
|
||||
testimonial: "The AI design tool is incredibly powerful!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309635.jpg?_wi=1",
|
||||
imageAlt: "luxury tech product dark background",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexshop", testimonial: "The AI design tool is incredibly powerful!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309635.jpg", imageAlt: "luxury tech product dark background"},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarah_style",
|
||||
testimonial: "Everything arrived on time, top quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-using-track-recorder_107420-84993.jpg?_wi=1",
|
||||
imageAlt: "luxury tech product dark background",
|
||||
},
|
||||
name: "Sarah M.", handle: "@sarah_style", testimonial: "Everything arrived on time, top quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-using-track-recorder_107420-84993.jpg", imageAlt: "luxury tech product dark background"},
|
||||
{
|
||||
name: "Jason K.",
|
||||
handle: "@jasontech",
|
||||
testimonial: "Best buying experience online.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-faded-orange-flower-vase_23-2148073850.jpg?_wi=1",
|
||||
imageAlt: "luxury tech product dark background",
|
||||
},
|
||||
name: "Jason K.", handle: "@jasontech", testimonial: "Best buying experience online.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-faded-orange-flower-vase_23-2148073850.jpg", imageAlt: "luxury tech product dark background"},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elena_designs",
|
||||
testimonial: "The image editing is so intuitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558973.jpg?_wi=1",
|
||||
imageAlt: "luxury tech product dark background",
|
||||
},
|
||||
name: "Elena P.", handle: "@elena_designs", testimonial: "The image editing is so intuitive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558973.jpg", imageAlt: "luxury tech product dark background"},
|
||||
{
|
||||
name: "Marcus D.",
|
||||
handle: "@marcus_d",
|
||||
testimonial: "Excellent service and products.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-faceless-young-sporty-woman-checks-fitness-results-modern-smartwatch-uses-necessary-application-carries-rolled-up-karemat-dressed-sportswear-poses-against-blurred-background_273609-55528.jpg?_wi=1",
|
||||
imageAlt: "luxury tech product dark background",
|
||||
},
|
||||
name: "Marcus D.", handle: "@marcus_d", testimonial: "Excellent service and products.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-faceless-young-sporty-woman-checks-fitness-results-modern-smartwatch-uses-necessary-application-carries-rolled-up-karemat-dressed-sportswear-poses-against-blurred-background_273609-55528.jpg", imageAlt: "luxury tech product dark background"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309635.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309635.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "Customer Alex",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Customer Alex"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Customer Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Customer Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",
|
||||
alt: "Customer Jason",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg", alt: "Customer Jason"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
alt: "Customer Elena",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "Customer Elena"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg",
|
||||
alt: "Customer Marcus",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg", alt: "Customer Marcus"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,41 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Headphones",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-using-track-recorder_107420-84993.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Pro Headphones", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-using-track-recorder_107420-84993.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Fragrance",
|
||||
price: "$42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-faded-orange-flower-vase_23-2148073850.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Luxury Fragrance", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-faded-orange-flower-vase_23-2148073850.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Designer Clogs",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558973.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Designer Clogs", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558973.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Smart Watch",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-faceless-young-sporty-woman-checks-fitness-results-modern-smartwatch-uses-necessary-application-carries-rolled-up-karemat-dressed-sportswear-poses-against-blurred-background_273609-55528.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Smart Watch", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-faceless-young-sporty-woman-checks-fitness-results-modern-smartwatch-uses-necessary-application-carries-rolled-up-karemat-dressed-sportswear-poses-against-blurred-background_273609-55528.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tech Gadget Set",
|
||||
price: "$175",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accessories-skincare-products_23-2147710691.jpg",
|
||||
},
|
||||
id: "p5", name: "Tech Gadget Set", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/accessories-skincare-products_23-2147710691.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Studio Interface",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134131.jpg",
|
||||
},
|
||||
id: "p6", name: "Studio Interface", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134131.jpg"},
|
||||
]}
|
||||
title="Exclusive Bundles"
|
||||
description="Curated selections for the modern buyer."
|
||||
@@ -176,44 +111,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Persistent Chat Memory",
|
||||
description: "The AI tracks every conversation, remembering your style and preferences.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Star,
|
||||
title: "Persistent Chat Memory", description: "The AI tracks every conversation, remembering your style and preferences.", bentoComponent: "chat", aiIcon: Star,
|
||||
userIcon: User,
|
||||
placeholder: "Ask anything...",
|
||||
exchanges: [
|
||||
placeholder: "Ask anything...", exchanges: [
|
||||
{
|
||||
userMessage: "Show me minimalist styles.",
|
||||
aiResponse: "I have saved your preference for minimalist designs.",
|
||||
},
|
||||
userMessage: "Show me minimalist styles.", aiResponse: "I have saved your preference for minimalist designs."},
|
||||
{
|
||||
userMessage: "Create a logo for my brand.",
|
||||
aiResponse: "I've generated a few concepts based on your history.",
|
||||
},
|
||||
userMessage: "Create a logo for my brand.", aiResponse: "I've generated a few concepts based on your history."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-keyboard-near-stationery-white-table_23-2148128447.jpg",
|
||||
imageAlt: "Smartphone and keyboard near stationery on white table",
|
||||
},
|
||||
{
|
||||
title: "Smart Image Generation",
|
||||
description: "Create custom product assets or edit existing images directly.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309635.jpg?_wi=3",
|
||||
imageAlt: "Smartphone and keyboard near stationery on white table",
|
||||
title: "Smart Image Generation", description: "Create custom product assets or edit existing images directly.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Edit & Customize",
|
||||
description: "Edit colors, styles, or backgrounds with simple natural language.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-using-track-recorder_107420-84993.jpg?_wi=3",
|
||||
imageAlt: "Smartphone and keyboard near stationery on white table",
|
||||
title: "Edit & Customize", description: "Edit colors, styles, or backgrounds with simple natural language.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
]}
|
||||
title="AI Design & Chat Tracking"
|
||||
description="Our intelligent assistant doesn't just help you shop; it tracks your preferences and creates custom images for you."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -224,26 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Happy Users",
|
||||
description: "Global user base growing daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-arrangement-with-black-headphones_23-2148785720.jpg",
|
||||
},
|
||||
id: "m1", value: "10K+", title: "Happy Users", description: "Global user base growing daily.", imageSrc: "http://img.b2bpic.net/free-photo/music-arrangement-with-black-headphones_23-2148785720.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "High praise for our products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963110.jpg",
|
||||
},
|
||||
id: "m2", value: "99%", title: "Satisfaction", description: "High praise for our products.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963110.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "AI assistance available always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foot-bump-alternative-greetings-top-view_23-2148765352.jpg",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Support", description: "AI assistance available always.", imageSrc: "http://img.b2bpic.net/free-photo/foot-bump-alternative-greetings-top-view_23-2148765352.jpg"},
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="We are trusted by thousands worldwide for our product quality and innovation."
|
||||
@@ -257,45 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahL",
|
||||
testimonial: "The AI tool is life changing for my business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah L.", handle: "@sarahL", testimonial: "The AI tool is life changing for my business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus R.",
|
||||
handle: "@marcusR",
|
||||
testimonial: "Very professional service and support.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus R.", handle: "@marcusR", testimonial: "Very professional service and support.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jenna K.",
|
||||
handle: "@jennaK",
|
||||
testimonial: "Best bundles I've ever found online.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17815.jpg",
|
||||
},
|
||||
id: "t3", name: "Jenna K.", handle: "@jennaK", testimonial: "Best bundles I've ever found online.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17815.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@davidW",
|
||||
testimonial: "Fast tracking and quality gear.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15946.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@davidW", testimonial: "Fast tracking and quality gear.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15946.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Aria J.",
|
||||
handle: "@ariaJ",
|
||||
testimonial: "Highly recommended for all tech fans.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg",
|
||||
},
|
||||
id: "t5", name: "Aria J.", handle: "@ariaJ", testimonial: "Highly recommended for all tech fans.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Community Says"
|
||||
@@ -308,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the chat track my history?",
|
||||
content: "Our AI uses secure memory to keep track of your preferences.",
|
||||
},
|
||||
id: "f1", title: "How does the chat track my history?", content: "Our AI uses secure memory to keep track of your preferences."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I edit images?",
|
||||
content: "Yes, our integrated design tool lets you modify product images.",
|
||||
},
|
||||
id: "f2", title: "Can I edit images?", content: "Yes, our integrated design tool lets you modify product images."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is tracking secure?",
|
||||
content: "We prioritize your data privacy; all history is encrypted.",
|
||||
},
|
||||
id: "f3", title: "Is tracking secure?", content: "We prioritize your data privacy; all history is encrypted."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Questions about our store and AI services."
|
||||
@@ -333,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Start Your Journey"
|
||||
description="Sign up to access our full range of AI shopping and design features."
|
||||
tag="Get Started"
|
||||
@@ -347,25 +213,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "AI Assistant",
|
||||
href: "#ai-assistant",
|
||||
},
|
||||
label: "AI Assistant", href: "#ai-assistant"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user