Update src/app/page.tsx
This commit is contained in:
178
src/app/page.tsx
178
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Customizer",
|
||||
id: "#configurator",
|
||||
},
|
||||
name: "Configurator", id: "#configurator"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Sneakr Config"
|
||||
/>
|
||||
@@ -52,35 +46,15 @@ export default function LandingPage() {
|
||||
description="Design your dream sneakers with our high-performance 3D configurator. Unlimited styles, infinite possibilities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Config",
|
||||
href: "#configurator",
|
||||
},
|
||||
text: "Start Config", href: "#configurator"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg?_wi=1",
|
||||
imageAlt: "Sneaker Scene 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg?_wi=2",
|
||||
imageAlt: "Sneaker Scene 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg?_wi=3",
|
||||
imageAlt: "Sneaker Scene 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg?_wi=4",
|
||||
imageAlt: "Sneaker Scene 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg?_wi=5",
|
||||
imageAlt: "Sneaker Scene 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg?_wi=6",
|
||||
imageAlt: "Sneaker Scene 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg", imageAlt: "futuristic sneaker design studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg", imageAlt: "futuristic sneaker design studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg", imageAlt: "futuristic sneaker design studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg", imageAlt: "futuristic sneaker design studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg", imageAlt: "futuristic sneaker design studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-stylish-footwear-summer-fashion-bag-long-legs-shopping_285396-489.jpg", imageAlt: "futuristic sneaker design studio" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,25 +66,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Material Customization",
|
||||
description: "Switch between leather, suede, mesh, and reflective fabrics instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-van-vehicle-with-horizontal-lines_23-2148301304.jpg?_wi=1",
|
||||
imageAlt: "Materials",
|
||||
},
|
||||
title: "Material Customization", description: "Switch between leather, suede, mesh, and reflective fabrics instantly.", imageSrc: "http://img.b2bpic.net/free-photo/texture-van-vehicle-with-horizontal-lines_23-2148301304.jpg", imageAlt: "Materials"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Real-time 3D Engine",
|
||||
description: "Advanced rendering for lifelike textures and lighting in browser.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg?_wi=1",
|
||||
imageAlt: "3D Interface",
|
||||
},
|
||||
title: "Real-time 3D Engine", description: "Advanced rendering for lifelike textures and lighting in browser.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg", imageAlt: "3D Interface"},
|
||||
{
|
||||
id: 3,
|
||||
title: "AR Preview",
|
||||
description: "Visualize your design in the real world using integrated AR technology.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005743.jpg",
|
||||
imageAlt: "AR Technology",
|
||||
},
|
||||
title: "AR Preview", description: "Visualize your design in the real world using integrated AR technology.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005743.jpg", imageAlt: "AR Technology"},
|
||||
]}
|
||||
title="Interactive 3D Configurator"
|
||||
description="Experience our state-of-the-art 3D engine allowing real-time material swapping, color adjustments, and detail customization."
|
||||
@@ -122,121 +84,49 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Sneaker Designer",
|
||||
company: "Urban Sole",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets_627829-3234.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Sneaker Designer", company: "Urban Sole", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets_627829-3234.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria K.",
|
||||
role: "Creative Lead",
|
||||
company: "StyleFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-roller-skates-listening-music-opening-bottle-water-outdoors_23-2149316225.jpg",
|
||||
},
|
||||
id: "2", name: "Maria K.", role: "Creative Lead", company: "StyleFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-roller-skates-listening-music-opening-bottle-water-outdoors_23-2149316225.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David L.",
|
||||
role: "Collector",
|
||||
company: "KickzWorld",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-smiling-holding-hat-shirt_176474-20235.jpg",
|
||||
},
|
||||
id: "3", name: "David L.", role: "Collector", company: "KickzWorld", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-smiling-holding-hat-shirt_176474-20235.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam H.",
|
||||
role: "User",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-girl-playing-game-while-studying_23-2147833781.jpg",
|
||||
},
|
||||
id: "4", name: "Sam H.", role: "User", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-girl-playing-game-while-studying_23-2147833781.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia V.",
|
||||
role: "Design Student",
|
||||
company: "Art Institute",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8086.jpg",
|
||||
},
|
||||
id: "5", name: "Julia V.", role: "Design Student", company: "Art Institute", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8086.jpg"},
|
||||
]}
|
||||
title="Creators Choice"
|
||||
description="Trusted by hundreds of designers and sneakerheads."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Design Insights"
|
||||
description="Stay updated with the latest trends in sneaker culture and 3D design technology."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Technology",
|
||||
title: "The Future of 3D Web Rendering",
|
||||
excerpt: "How browser-based engines are revolutionizing product design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg?_wi=2",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets_627829-3234.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Trends",
|
||||
title: "Sneaker Design 2024",
|
||||
excerpt: "The hottest colorways and material combinations this season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-van-vehicle-with-horizontal-lines_23-2148301304.jpg?_wi=2",
|
||||
authorName: "John Smith",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/woman-with-roller-skates-listening-music-opening-bottle-water-outdoors_23-2149316225.jpg",
|
||||
date: "Oct 15, 2023",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need to download software?",
|
||||
content: "No, it's 100% web-based.",
|
||||
},
|
||||
id: "1", title: "Do I need to download software?", content: "No, it's 100% web-based."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I share designs?",
|
||||
content: "Yes, links are shareable.",
|
||||
},
|
||||
id: "2", title: "Can I share designs?", content: "Yes, links are shareable."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What platforms are supported?",
|
||||
content: "Any modern browser.",
|
||||
},
|
||||
id: "3", title: "What platforms are supported?", content: "Any modern browser."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is my data saved?",
|
||||
content: "Yes, all progress is synced to the cloud.",
|
||||
},
|
||||
id: "4", title: "Is my data saved?", content: "Yes, all progress is synced to the cloud."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I export my design?",
|
||||
content: "High-res renders are available for download.",
|
||||
},
|
||||
id: "5", title: "Can I export my design?", content: "High-res renders are available for download."},
|
||||
]}
|
||||
ctaTitle="Ready to configure?"
|
||||
ctaDescription="Join the waitlist for early access to our full 3D builder."
|
||||
ctaButton={{
|
||||
text: "Get Early Access",
|
||||
}}
|
||||
text: "Get Early Access"}}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
@@ -245,13 +135,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Sneakr Config"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms", href: "/terms"}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy", href: "/privacy"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user