Update src/app/page.tsx
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Shop", id: "catalog"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Aura Apparel"
|
||||
/>
|
||||
@@ -53,60 +45,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Premium Clothing, Delivered Fast"
|
||||
description="Discover quality shirts, tshirts, and apparel designed for comfort and style. Shop trusted brands with free shipping on orders over $50."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-124564.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-124564.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453476.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453476.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shorthaired-lady-posing-yellow-couch-cafe-brunette-girl-jeans-beige-jacket-jeans-laughs-has-fun-inside_197531-29435.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shorthaired-lady-posing-yellow-couch-cafe-brunette-girl-jeans-beige-jacket-jeans-laughs-has-fun-inside_197531-29435.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275095.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275095.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Shop Now", href: "#catalog"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
type: "text", text: "Worldwide Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bulk Discounts",
|
||||
},
|
||||
type: "text", text: "Bulk Discounts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,47 +85,23 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Cotton Tee",
|
||||
price: "$29.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487050.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Premium Cotton Tee", price: "$29.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487050.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Urban Polo Shirt",
|
||||
price: "$45.00",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Urban Polo Shirt", price: "$45.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Long Sleeve",
|
||||
price: "$55.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828582.jpg",
|
||||
},
|
||||
id: "3", name: "Classic Long Sleeve", price: "$55.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828582.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Heavyweight Crewneck",
|
||||
price: "$39.99",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448794.jpg",
|
||||
},
|
||||
id: "4", name: "Heavyweight Crewneck", price: "$39.99", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448794.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Graphic Print Tee",
|
||||
price: "$34.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448775.jpg",
|
||||
},
|
||||
id: "5", name: "Graphic Print Tee", price: "$34.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448775.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Essential V-Neck",
|
||||
price: "$25.00",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885675.jpg",
|
||||
},
|
||||
id: "6", name: "Essential V-Neck", price: "$25.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885675.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,40 +113,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality Fabrics",
|
||||
description: "We source only the finest sustainable cottons and durable synthetic blends.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914969.jpg",
|
||||
},
|
||||
title: "Premium Quality Fabrics", description: "We source only the finest sustainable cottons and durable synthetic blends.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914969.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409176.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-24683.jpg",
|
||||
imageAlt: "cotton t-shirt fabric texture close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409176.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Rapid Fulfillment",
|
||||
description: "Orders processed in 24 hours with reliable shipping partners.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-delivery-truck-transport-shipping-fast-deliver-carrier-logistics-icon-sign-symbol-ecommerce-concept-blue-background-3d-illustration_56104-1800.jpg",
|
||||
},
|
||||
title: "Rapid Fulfillment", description: "Orders processed in 24 hours with reliable shipping partners.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-delivery-truck-transport-shipping-fast-deliver-carrier-logistics-icon-sign-symbol-ecommerce-concept-blue-background-3d-illustration_56104-1800.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fun-delivery-concept-with-balloons_23-2147672045.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487050.jpg?_wi=2",
|
||||
imageAlt: "cotton t-shirt fabric texture close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fun-delivery-concept-with-balloons_23-2147672045.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Corporate Solutions",
|
||||
description: "Custom branding and bulk options for teams and large events.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575391.jpg",
|
||||
},
|
||||
title: "Corporate Solutions", description: "Custom branding and bulk options for teams and large events.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575391.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-yeti-cartoon-with-boxes_23-2150248733.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg?_wi=2",
|
||||
imageAlt: "cotton t-shirt fabric texture close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-yeti-cartoon-with-boxes_23-2150248733.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -217,40 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best quality tees I've ever purchased.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-woman-smiling_23-2148407645.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best quality tees I've ever purchased.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-woman-smiling_23-2148407645.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mchen",
|
||||
testimonial: "Corporate branding looks fantastic!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7932.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", handle: "@mchen", testimonial: "Corporate branding looks fantastic!", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7932.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@erod",
|
||||
testimonial: "Shipping was lightning fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@erod", testimonial: "Shipping was lightning fast.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@dkim",
|
||||
testimonial: "Outstanding durability after washes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-clothes_158538-1640.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@dkim", testimonial: "Outstanding durability after washes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-clothes_158538-1640.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "Beautiful range of colors and textures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", handle: "@jessl", testimonial: "Beautiful range of colors and textures.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Hear from our happy fashion-conscious customers and business partners."
|
||||
@@ -262,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your shipping policy?",
|
||||
content: "Free shipping on orders over $50.",
|
||||
},
|
||||
id: "q1", title: "What is your shipping policy?", content: "Free shipping on orders over $50."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I place bulk orders?",
|
||||
content: "Yes, we offer a dedicated corporate portal.",
|
||||
},
|
||||
id: "q2", title: "Can I place bulk orders?", content: "Yes, we offer a dedicated corporate portal."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is your return policy?",
|
||||
content: "Returns accepted within 30 days.",
|
||||
},
|
||||
id: "q3", title: "What is your return policy?", content: "Returns accepted within 30 days."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need help? Check out our most frequently asked questions."
|
||||
@@ -287,8 +180,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter to receive the latest style drops and bulk updates."
|
||||
tag="Newsletter"
|
||||
@@ -299,13 +191,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Aura Apparel"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user