Merge version_1 into main #1
215
src/app/page.tsx
215
src/app/page.tsx
@@ -32,24 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aura"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,35 +48,21 @@ export default function LandingPage() {
|
||||
description="Redefining modern comfort through sustainable, timeless aesthetics. Explore our latest seasonal collection designed for the conscious individual."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard_23-2148937849.jpg",
|
||||
imageAlt: "Model in streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard_23-2148937849.jpg", imageAlt: "Model in streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-sitting-with-flowers_23-2149486718.jpg",
|
||||
imageAlt: "Summer look",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-sitting-with-flowers_23-2149486718.jpg", imageAlt: "Summer look"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830422.jpg",
|
||||
imageAlt: "Street fashion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830422.jpg", imageAlt: "Street fashion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1323.jpg",
|
||||
imageAlt: "Casual style",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1323.jpg", imageAlt: "Casual style"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830427.jpg",
|
||||
imageAlt: "Aesthetic portrait",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830427.jpg", imageAlt: "Aesthetic portrait"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pop-art-portrait-collage-concept_23-2149411957.jpg",
|
||||
imageAlt: "Streetwear look",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pop-art-portrait-collage-concept_23-2149411957.jpg", imageAlt: "Streetwear look"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,25 +71,12 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafted with ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-fashion-designer-linen-red-dress-smiles-sincerely-charming-woman-holds-pencils-draws-cloth-pattern-craft-paper-sheet_197531-29816.jpg",
|
||||
alt: "Studio",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Purpose.",
|
||||
},
|
||||
{ type: "text", content: "Crafted with " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/cheerful-young-fashion-designer-linen-red-dress-smiles-sincerely-charming-woman-holds-pencils-draws-cloth-pattern-craft-paper-sheet_197531-29816.jpg", alt: "Studio" },
|
||||
{ type: "text", content: " Purpose." },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Our Story", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,48 +88,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Linen Basic",
|
||||
price: "$89",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-fashionable-freelancer-sunglasses-dressed-white-shirt-shorts-holds-laptop-computer-standing-bridge-against-wall-looking-away_613910-5211.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Relaxed Trouser",
|
||||
price: "$129",
|
||||
variant: "Charcoal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-beige-tone-colored-pants_23-2150773381.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Utility Jacket",
|
||||
price: "$199",
|
||||
variant: "Olive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotion-photo-cute-white-emotional-caucasian-girl-park_1153-4942.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hoodie",
|
||||
price: "$99",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-earphones_23-2149429040.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Silk Blouse",
|
||||
price: "$149",
|
||||
variant: "Cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-person-portrait-business-beautiful_1303-2277.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Denim",
|
||||
price: "$139",
|
||||
variant: "Indigo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-woman-posing-white-shirt-sitting-down_23-2149021841.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Linen Basic", price: "$89", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-fashionable-freelancer-sunglasses-dressed-white-shirt-shorts-holds-laptop-computer-standing-bridge-against-wall-looking-away_613910-5211.jpg" },
|
||||
{ id: "p2", name: "Relaxed Trouser", price: "$129", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/assortment-beige-tone-colored-pants_23-2150773381.jpg" },
|
||||
{ id: "p3", name: "Utility Jacket", price: "$199", variant: "Olive", imageSrc: "http://img.b2bpic.net/free-photo/emotion-photo-cute-white-emotional-caucasian-girl-park_1153-4942.jpg" },
|
||||
{ id: "p4", name: "Hoodie", price: "$99", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-earphones_23-2149429040.jpg" },
|
||||
{ id: "p5", name: "Silk Blouse", price: "$149", variant: "Cream", imageSrc: "http://img.b2bpic.net/free-photo/smiling-person-portrait-business-beautiful_1303-2277.jpg" },
|
||||
{ id: "p6", name: "Classic Denim", price: "$139", variant: "Indigo", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-woman-posing-white-shirt-sitting-down_23-2149021841.jpg" },
|
||||
]}
|
||||
title="Core Collection"
|
||||
description="Essential pieces for your daily rotation."
|
||||
@@ -181,24 +107,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "Ethically sourced materials for a better future.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-standing-looking-holding-palm-branch-long-white-dress-empty-room-space-text_176474-4042.jpg",
|
||||
imageAlt: "Fabric",
|
||||
},
|
||||
{
|
||||
title: "Timeless Design",
|
||||
description: "Versatile pieces that outlast seasonal trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884391.jpg",
|
||||
imageAlt: "Jacket",
|
||||
},
|
||||
{
|
||||
title: "Global Shipping",
|
||||
description: "Delivering conscious fashion to your doorstep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-female-posing_23-2148574662.jpg",
|
||||
imageAlt: "Shipping",
|
||||
},
|
||||
{ title: "Sustainable Fabrics", description: "Ethically sourced materials for a better future.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-standing-looking-holding-palm-branch-long-white-dress-empty-room-space-text_176474-4042.jpg", imageAlt: "Fabric" },
|
||||
{ title: "Timeless Design", description: "Versatile pieces that outlast seasonal trends.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884391.jpg", imageAlt: "Jacket" },
|
||||
{ title: "Global Shipping", description: "Delivering conscious fashion to your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-female-posing_23-2148574662.jpg", imageAlt: "Shipping" },
|
||||
]}
|
||||
title="Why Aura?"
|
||||
description="Designed for longevity, comfort, and unmatched style."
|
||||
@@ -212,26 +123,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-s-portrait-about-ideal-skin-straight-healthy-shiny-hair_633478-1302.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2148718092.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-black-woman-blogger-store-manager-talking-by-mobile-phone-coffee-break_273443-1308.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-female-model-elegant-white-shirt-suspenders-new-feminity-concept_23-2148951050.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-outdoors_23-2148184869.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-s-portrait-about-ideal-skin-straight-healthy-shiny-hair_633478-1302.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2148718092.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-black-woman-blogger-store-manager-talking-by-mobile-phone-coffee-break_273443-1308.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-female-model-elegant-white-shirt-suspenders-new-feminity-concept_23-2148951050.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-outdoors_23-2148184869.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -242,15 +138,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"GQ",
|
||||
"Hypebeast",
|
||||
"Elle",
|
||||
"Dazed",
|
||||
"Kinfolk",
|
||||
"Dezeen",
|
||||
]}
|
||||
names={["Vogue", "GQ", "Hypebeast", "Elle", "Dazed", "Kinfolk", "Dezeen"]}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders."
|
||||
/>
|
||||
@@ -261,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Shipping times?",
|
||||
content: "Usually 3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Return policy?",
|
||||
content: "Free returns within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Care instructions?",
|
||||
content: "Cold wash, hang dry.",
|
||||
},
|
||||
{ id: "1", title: "Shipping times?", content: "Usually 3-5 business days." },
|
||||
{ id: "2", title: "Return policy?", content: "Free returns within 30 days." },
|
||||
{ id: "3", title: "Care instructions?", content: "Cold wash, hang dry." },
|
||||
]}
|
||||
title="FAQs"
|
||||
description="Answers to your burning questions."
|
||||
@@ -286,18 +162,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Connected"
|
||||
title="Join the Aura Circle"
|
||||
description="Sign up for exclusive early access and style tips."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Subscribe", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -306,16 +175,8 @@ export default function LandingPage() {
|
||||
logoText="Aura"
|
||||
copyrightText="© 2025 Aura Inc."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user