Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura Accessories"
|
||||
/>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Timeless Elegance for Every Occasion"
|
||||
description="Discover our curated collection of premium accessories designed to elevate your personal style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-pastries-through-glass-showcase-cafe_171337-17133.jpg?_wi=1",
|
||||
imageAlt: "Hero 1",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-pastries-through-glass-showcase-cafe_171337-17133.jpg", imageAlt: "Hero 1"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-lesbian-girl-curly-haired-hair-freckled-make-smug-rubbing-chin-thoughtful_176420-44220.jpg?_wi=1",
|
||||
imageAlt: "Hero 2",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-lesbian-girl-curly-haired-hair-freckled-make-smug-rubbing-chin-thoughtful_176420-44220.jpg", imageAlt: "Hero 2"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-bouquet-flowers-strawberries-donuts_169016-20718.jpg?_wi=1",
|
||||
imageAlt: "Hero 3",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-bouquet-flowers-strawberries-donuts_169016-20718.jpg", imageAlt: "Hero 3"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-caucasian-woman-black-glasses-clothes-looks-camera-sitting-indoors-with-glass-booze-stylish-lady-having-good-time_197531-32097.jpg",
|
||||
imageAlt: "Hero 4",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-caucasian-woman-black-glasses-clothes-looks-camera-sitting-indoors-with-glass-booze-stylish-lady-having-good-time_197531-32097.jpg", imageAlt: "Hero 4"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-her-baggage-vacation_23-2149064214.jpg",
|
||||
imageAlt: "Hero 5",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-her-baggage-vacation_23-2149064214.jpg", imageAlt: "Hero 5"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fedora-hats-arrangement-studio-top-view_23-2150737109.jpg",
|
||||
imageAlt: "Hero 6",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/fedora-hats-arrangement-studio-top-view_23-2150737109.jpg", imageAlt: "Hero 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,17 +78,11 @@ export default function LandingPage() {
|
||||
description="We believe accessories are the soul of an outfit. Our pieces are sourced for their durability, elegance, and timeless appeal."
|
||||
metrics={[
|
||||
{
|
||||
value: "10K+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "10K+", title: "Happy Customers"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Unique Designs",
|
||||
},
|
||||
value: "500+", title: "Unique Designs"},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Support Response",
|
||||
},
|
||||
value: "24h", title: "Support Response"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-making-bow-from-ribbon-gift_1220-3470.jpg"
|
||||
imageAlt="Artisan Craftsmanship"
|
||||
@@ -133,40 +98,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "We only source the finest materials to ensure longevity and style.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11174.jpg",
|
||||
},
|
||||
title: "Premium Materials", description: "We only source the finest materials to ensure longevity and style.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11174.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-amateur-photographer-with-tattoos-arms-dressed-fleece-shirt-holds-compact-dslr-camera-grey-background_613910-15180.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-pastries-through-glass-showcase-cafe_171337-17133.jpg?_wi=2",
|
||||
imageAlt: "premium leather wallet brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-amateur-photographer-with-tattoos-arms-dressed-fleece-shirt-holds-compact-dslr-camera-grey-background_613910-15180.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Global Shipping",
|
||||
description: "Fast and secure delivery to your doorstep, anywhere in the world.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-42690.jpg",
|
||||
},
|
||||
title: "Global Shipping", description: "Fast and secure delivery to your doorstep, anywhere in the world.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-42690.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-belt_1203-7570.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-lesbian-girl-curly-haired-hair-freckled-make-smug-rubbing-chin-thoughtful_176420-44220.jpg?_wi=2",
|
||||
imageAlt: "premium leather wallet brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-belt_1203-7570.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Trendsetting Designs",
|
||||
description: "Stay ahead of the fashion curve with our latest collections.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-with-face-covered-by-veil_23-2149460631.jpg",
|
||||
},
|
||||
title: "Trendsetting Designs", description: "Stay ahead of the fashion curve with our latest collections.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-with-face-covered-by-veil_23-2149460631.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-man-few-meters-defocused_1153-2080.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-bouquet-flowers-strawberries-donuts_169016-20718.jpg?_wi=2",
|
||||
imageAlt: "premium leather wallet brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-man-few-meters-defocused_1153-2080.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -183,41 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Leather Wallet",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186733.jpg",
|
||||
},
|
||||
id: "1", name: "Leather Wallet", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186733.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Watch",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25611.jpg",
|
||||
},
|
||||
id: "2", name: "Classic Watch", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25611.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gold Necklace",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-housewife-posing-home_23-2150908622.jpg",
|
||||
},
|
||||
id: "3", name: "Gold Necklace", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/front-view-housewife-posing-home_23-2150908622.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leather Belt",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11178.jpg",
|
||||
},
|
||||
id: "4", name: "Leather Belt", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11178.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Silk Scarf",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-bowl-dried-persimmon-fruits-stone-background_114579-74647.jpg",
|
||||
},
|
||||
id: "5", name: "Silk Scarf", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/blue-bowl-dried-persimmon-fruits-stone-background_114579-74647.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sunglasses",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colored-transparent-sunglasses_52683-107573.jpg",
|
||||
},
|
||||
id: "6", name: "Sunglasses", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/still-life-colored-transparent-sunglasses_52683-107573.jpg"},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Browse our hand-picked selections."
|
||||
@@ -231,59 +154,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "Designer",
|
||||
company: "Studio A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
|
||||
},
|
||||
id: "1", name: "Jane Doe", role: "Designer", company: "Studio A", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Photographer",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-man-sitting-armchair-against-grey-wall_23-2148130370.jpg",
|
||||
},
|
||||
id: "2", name: "John Smith", role: "Photographer", company: "Creative Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-man-sitting-armchair-against-grey-wall_23-2148130370.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
role: "Entrepreneur",
|
||||
company: "Startup Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-girl-phone_23-2148023449.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Lee", role: "Entrepreneur", company: "Startup Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-girl-phone_23-2148023449.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
role: "Architect",
|
||||
company: "Design Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Wilson", role: "Architect", company: "Design Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Brown",
|
||||
role: "Marketing",
|
||||
company: "Brands Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-women-having-chat_23-2148665468.jpg",
|
||||
},
|
||||
id: "5", name: "Anna Brown", role: "Marketing", company: "Brands Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-women-having-chat_23-2148665468.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Satisfaction Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Satisfaction Rating"},
|
||||
{
|
||||
value: "12k+",
|
||||
label: "Orders Fulfilled",
|
||||
},
|
||||
value: "12k+", label: "Orders Fulfilled"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Repeat Customers",
|
||||
},
|
||||
value: "98%", label: "Repeat Customers"},
|
||||
]}
|
||||
title="Loved by Our Customers"
|
||||
description="See why fashion enthusiasts love our brand."
|
||||
@@ -297,20 +189,11 @@ export default function LandingPage() {
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "25+",
|
||||
description: "Global Countries",
|
||||
},
|
||||
id: "m1", value: "25+", description: "Global Countries"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
description: "Partner Stores",
|
||||
},
|
||||
id: "m2", value: "150+", description: "Partner Stores"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Delivery Rate",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Delivery Rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -322,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We offer free shipping on all orders over $50.",
|
||||
},
|
||||
id: "f1", title: "What is your shipping policy?", content: "We offer free shipping on all orders over $50."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes, we offer a 30-day return policy on all unworn items.",
|
||||
},
|
||||
id: "f2", title: "Do you offer returns?", content: "Yes, we offer a 30-day return policy on all unworn items."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I contact support?",
|
||||
content: "You can email us at support@aura.com anytime.",
|
||||
},
|
||||
id: "f3", title: "How can I contact support?", content: "You can email us at support@aura.com anytime."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -350,20 +224,12 @@ export default function LandingPage() {
|
||||
description="We'd love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
}}
|
||||
name: "message", placeholder: "Your Message"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-headphones-mini-house-plants-table-apartment-room_482257-98954.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -372,13 +238,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Aura Accessories"
|
||||
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