Update src/app/page.tsx
This commit is contained in:
127
src/app/page.tsx
127
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SoleCollection"
|
||||
/>
|
||||
@@ -46,27 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Walk in Style."
|
||||
description="Discover a curated collection of premium footwear designed for comfort and elegance. Elevate your everyday look with our latest arrivals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-bags-floor-with-red-background_23-2148302849.jpg", imageAlt: "Sneaker collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8079.jpg?_wi=1", imageAlt: "Casual style"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg", imageAlt: "Trendy sneaker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-brogue-shoe-person-sitting-with-crossed-legs-lights_181624-16952.jpg", imageAlt: "Leather shoe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005728.jpg", imageAlt: "Sports runner"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-enjoying-free-time-city-cafeteria-bar-drinking-lemon-having-fun-trendy-hipster-outfit-toned-colors_291049-1731.jpg", imageAlt: "Chic footwear"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-bags-floor-with-red-background_23-2148302849.jpg", imageAlt: "Sneaker collection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8079.jpg?_wi=1", imageAlt: "Casual style" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg", imageAlt: "Trendy sneaker" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-brogue-shoe-person-sitting-with-crossed-legs-lights_181624-16952.jpg", imageAlt: "Leather shoe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005728.jpg", imageAlt: "Sports runner" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-enjoying-free-time-city-cafeteria-bar-drinking-lemon-having-fun-trendy-hipster-outfit-toned-colors_291049-1731.jpg", imageAlt: "Chic footwear" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -87,24 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Quality", description: "Every pair passes our strict durability check.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-colourful-shopping-bags_23-2147932437.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-full-clothing-store_23-2150871154.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping", description: "Direct to your door, fast and tracked.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-shoes_23-2148135549.jpg?_wi=1"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-phone-mock-up-with-eco-friendly-objects_23-2148289768.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Secure Payments", description: "Shop with peace of mind every time.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg"},
|
||||
},
|
||||
{ title: "Verified Quality", description: "Every pair passes our strict durability check.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-colourful-shopping-bags_23-2147932437.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-full-clothing-store_23-2150871154.jpg" } },
|
||||
{ title: "Fast Shipping", description: "Direct to your door, fast and tracked.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-shoes_23-2148135549.jpg?_wi=1" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-phone-mock-up-with-eco-friendly-objects_23-2148289768.jpg" } },
|
||||
{ title: "Secure Payments", description: "Shop with peace of mind every time.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg" } },
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose SoleCollection?"
|
||||
@@ -119,18 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Urban Runner", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg"},
|
||||
{
|
||||
id: "p2", name: "Classic Boot", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/footwear_1303-3466.jpg"},
|
||||
{
|
||||
id: "p3", name: "Daily Sneaker", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/woman-jeans-posing-with-roller-skates-stairs_23-2148373059.jpg"},
|
||||
{
|
||||
id: "p4", name: "Formal Leather", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg"},
|
||||
{
|
||||
id: "p5", name: "Sport Pro", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/close-up-basketball-shoes_23-2150847266.jpg"},
|
||||
{
|
||||
id: "p6", name: "Canvas Slip-on", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/white-slip-unisex-streetwear-sneakers-fashion_53876-106041.jpg"},
|
||||
{ id: "p1", name: "Urban Runner", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg" },
|
||||
{ id: "p2", name: "Classic Boot", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/footwear_1303-3466.jpg" },
|
||||
{ id: "p3", name: "Daily Sneaker", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/woman-jeans-posing-with-roller-skates-stairs_23-2148373059.jpg" },
|
||||
{ id: "p4", name: "Formal Leather", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg" },
|
||||
{ id: "p5", name: "Sport Pro", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/close-up-basketball-shoes_23-2150847266.jpg" },
|
||||
{ id: "p6", name: "Canvas Slip-on", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/white-slip-unisex-streetwear-sneakers-fashion_53876-106041.jpg" },
|
||||
]}
|
||||
title="Latest Drops"
|
||||
description="Hand-picked selections of our most popular styles."
|
||||
@@ -144,16 +109,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg", alt: "Mike"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-wearing-warm-clothes-standing-near-rack-with-many-pairs-skates-choosing-his-size-preparing-skate-ice-arena_613910-21708.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenagers-sitting-together_23-2148105658.jpg", alt: "Anna"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg", alt: "Mike" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-couple-wearing-warm-clothes-standing-near-rack-with-many-pairs-skates-choosing-his-size-preparing-skate-ice-arena_613910-21708.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/teenagers-sitting-together_23-2148105658.jpg", alt: "Anna" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -180,12 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you ship worldwide?", content: "Yes, we ship to all major countries with tracked services."},
|
||||
{
|
||||
id: "q2", title: "Can I return items?", content: "Absolutely! We offer 30-day hassle-free returns."},
|
||||
{
|
||||
id: "q3", title: "How do I choose the right size?", content: "Check our detailed size guide on each product page."},
|
||||
{ id: "q1", title: "Do you ship worldwide?", content: "Yes, we ship to all major countries with tracked services." },
|
||||
{ id: "q2", title: "Can I return items?", content: "Absolutely! We offer 30-day hassle-free returns." },
|
||||
{ id: "q3", title: "How do I choose the right size?", content: "Check our detailed size guide on each product page." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your order."
|
||||
@@ -199,29 +156,23 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions about our collection? We'd love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-women-taking-pictures-cafe_23-2147785288.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBase
|
||||
logoText="SoleCollection"
|
||||
columns={[
|
||||
{ title: "Catalog", items: [{ label: "Sneakers" }, { label: "Boots" }, { label: "Casual" }] },
|
||||
{ title: "Support", items: [{ label: "Shipping" }, { label: "Returns" }, { label: "Help Center" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story" }, { label: "Sustainability" }, { label: "Careers" }] }
|
||||
{ title: "Catalog", items: [{ label: "Sneakers", href: "#" }, { label: "Boots", href: "#" }, { label: "Casual", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }, { label: "Help Center", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Sustainability", href: "#" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 SoleCollection. All rights reserved."
|
||||
bottomRightText="Designed for Footwear Enthusiasts."
|
||||
copyrightText="© 2024 SoleCollection. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user