Update src/app/page.tsx
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -33,35 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
name: "Shop", id: "#shop"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AASTU"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
}}
|
||||
text: "Shop Now", href: "#shop"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -69,40 +55,21 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Elevate Your Everyday Luxury"
|
||||
description="Discover AASTU's curated collection of premium fashion designed for the discerning eye. Timeless pieces, exceptional craftsmanship, exclusively yours."
|
||||
tag="Exclusive Collection"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop The Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop The Collection", href: "#shop"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916526.jpg",
|
||||
imageAlt: "premium fashion model woman vietnam studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916526.jpg", imageAlt: "premium fashion model woman vietnam studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-with-bright-modern-makeup-with-short-hair-with-hat-hand_158538-15053.jpg",
|
||||
imageAlt: "close up luxury fabric texture fashion detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7782.jpg",
|
||||
imageAlt: "Beautiful sexy model woman in shiny lace evening dress posing sitting in chair of beige color",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-golden-jacket-sexy-carefree-woman-posing-near-silver-shiny-tinsel-wall-studiofashionable-model-with-bright-makeup-looks-camera_158538-22792.jpg",
|
||||
imageAlt: "Young beautiful smiling brunette female in trendy evening golden jacket Sexy carefree woman posing near silver shiny tinsel wall in studioFashionable model with bright makeup looks at camera",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-elegant-lady-white-suit-touches-hair-blonde-lady-skirt-jacket-blouse-poses-i_197531-33590.jpg",
|
||||
imageAlt: "Attractive elegant lady in white suit touches hair Blonde lady in skirt jacket and blouse poses i",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-with-bright-modern-makeup-with-short-hair-with-hat-hand_158538-15053.jpg", imageAlt: "close up luxury fabric texture fashion detail"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -116,14 +83,11 @@ export default function LandingPage() {
|
||||
title="Crafting Modern Luxury for the Discerning Individual"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
tag="Our Heritage"
|
||||
tagIcon={Sparkles}
|
||||
description="AASTU stands for a legacy of exquisite design and unparalleled quality. We blend traditional craftsmanship with contemporary aesthetics, creating garments that embody sophistication and timeless allure. Discover the passion woven into every stitch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,23 +97,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Unparalleled Craftsmanship",
|
||||
description: "Each AASTU piece is a testament to meticulous artistry, handcrafted by skilled artisans dedicated to perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-sewing-clothes-woman-glasses-seamstress-with-centimeter-clothes_1157-46465.jpg",
|
||||
imageAlt: "Close-up of hand stitching on luxury fabric",
|
||||
},
|
||||
title: "Unparalleled Craftsmanship", description: "Each AASTU piece is a testament to meticulous artistry, handcrafted by skilled artisans dedicated to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/tools-sewing-clothes-woman-glasses-seamstress-with-centimeter-clothes_1157-46465.jpg", imageAlt: "Close-up of hand stitching on luxury fabric"},
|
||||
{
|
||||
title: "Innovative Design",
|
||||
description: "Our collections blend contemporary aesthetics with timeless elegance, offering unique styles that stand out.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg",
|
||||
imageAlt: "Abstract minimalist fashion design sketch",
|
||||
},
|
||||
title: "Innovative Design", description: "Our collections blend contemporary aesthetics with timeless elegance, offering unique styles that stand out.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg", imageAlt: "Abstract minimalist fashion design sketch"},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "We source only the finest silks, organic cottons, and luxurious leathers to ensure comfort, durability, and a refined feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-brown-knitwear-texture_23-2151998923.jpg",
|
||||
imageAlt: "Luxurious fabric texture detail",
|
||||
},
|
||||
title: "Premium Materials", description: "We source only the finest silks, organic cottons, and luxurious leathers to ensure comfort, durability, and a refined feel.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-brown-knitwear-texture_23-2151998923.jpg", imageAlt: "Luxurious fabric texture detail"},
|
||||
]}
|
||||
title="The AASTU Difference"
|
||||
description="Experience unparalleled quality, innovative design, and sustainable practices woven into every thread."
|
||||
@@ -166,53 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Opulent Noir Dress",
|
||||
price: "1,200 USD",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg",
|
||||
imageAlt: "Luxury black dress",
|
||||
},
|
||||
id: "1", name: "Opulent Noir Dress", price: "1,200 USD", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg", imageAlt: "Luxury black dress"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ivory Silk Blouse",
|
||||
price: "650 USD",
|
||||
variant: "Cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-touches-her-hair-watching-camera-daylight-style_633478-2932.jpg",
|
||||
imageAlt: "Cream silk blouse",
|
||||
},
|
||||
id: "2", name: "Ivory Silk Blouse", price: "650 USD", variant: "Cream", imageSrc: "http://img.b2bpic.net/free-photo/woman-touches-her-hair-watching-camera-daylight-style_633478-2932.jpg", imageAlt: "Cream silk blouse"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Golden Bloom Jacket",
|
||||
price: "1,800 USD",
|
||||
variant: "Gold Detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-libra-zodiac-sign_23-2151006214.jpg",
|
||||
imageAlt: "Gold embroidered jacket",
|
||||
},
|
||||
id: "3", name: "Golden Bloom Jacket", price: "1,800 USD", variant: "Gold Detail", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-libra-zodiac-sign_23-2151006214.jpg", imageAlt: "Gold embroidered jacket"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tailored Ebony Trousers",
|
||||
price: "700 USD",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4367.jpg",
|
||||
imageAlt: "Black tailored trousers",
|
||||
},
|
||||
id: "4", name: "Tailored Ebony Trousers", price: "700 USD", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4367.jpg", imageAlt: "Black tailored trousers"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cashmere Cream Sweater",
|
||||
price: "950 USD",
|
||||
variant: "Cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-green-warm-sweater-sitting-chair-posing_114579-58686.jpg",
|
||||
imageAlt: "Cream cashmere sweater",
|
||||
},
|
||||
id: "5", name: "Cashmere Cream Sweater", price: "950 USD", variant: "Cream", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-green-warm-sweater-sitting-chair-posing_114579-58686.jpg", imageAlt: "Cream cashmere sweater"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Luxuria Leather Tote",
|
||||
price: "1,500 USD",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg",
|
||||
imageAlt: "Black leather handbag",
|
||||
},
|
||||
id: "6", name: "Luxuria Leather Tote", price: "1,500 USD", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg", imageAlt: "Black leather handbag"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our latest arrivals and timeless classics, meticulously selected for the discerning wardrobe."
|
||||
@@ -228,29 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years of Craftsmanship",
|
||||
description: "A decade dedicated to perfecting luxury fashion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ful-sweet-candies-lined-blue-background_140725-27455.jpg",
|
||||
imageAlt: "Gold award icon",
|
||||
},
|
||||
id: "m1", value: "10+", title: "Years of Craftsmanship", description: "A decade dedicated to perfecting luxury fashion.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ful-sweet-candies-lined-blue-background_140725-27455.jpg", imageAlt: "Gold award icon"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Exclusive Designs",
|
||||
description: "A growing archive of unique and timeless fashion pieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-craft-sewing-equipment-with-rolled-ribbons_23-2148193590.jpg",
|
||||
imageAlt: "Gold thread spool",
|
||||
},
|
||||
id: "m2", value: "5000+", title: "Exclusive Designs", description: "A growing archive of unique and timeless fashion pieces.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-craft-sewing-equipment-with-rolled-ribbons_23-2148193590.jpg", imageAlt: "Gold thread spool"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Our commitment to excellence reflected in every garment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660685.jpg",
|
||||
imageAlt: "Gold shopping bag icon",
|
||||
},
|
||||
id: "m3", value: "99%", title: "Client Satisfaction", description: "Our commitment to excellence reflected in every garment.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660685.jpg", imageAlt: "Gold shopping bag icon"},
|
||||
]}
|
||||
title="Our Commitment to Excellence"
|
||||
description="Driving innovation and satisfaction through quality and design."
|
||||
@@ -264,35 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "An Ha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
imageAlt: "Portrait of An Ha",
|
||||
},
|
||||
id: "1", name: "An Ha", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", imageAlt: "Portrait of An Ha"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Quoc Bao",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark_158538-11285.jpg",
|
||||
imageAlt: "Portrait of Quoc Bao",
|
||||
},
|
||||
id: "2", name: "Quoc Bao", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark_158538-11285.jpg", imageAlt: "Portrait of Quoc Bao"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Minh Thuy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg",
|
||||
imageAlt: "Portrait of Minh Thuy",
|
||||
},
|
||||
id: "3", name: "Minh Thuy", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg", imageAlt: "Portrait of Minh Thuy"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Phong Lan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-phone-user-networking-phone_1262-18157.jpg",
|
||||
imageAlt: "Portrait of Phong Lan",
|
||||
},
|
||||
id: "4", name: "Phong Lan", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-phone-user-networking-phone_1262-18157.jpg", imageAlt: "Portrait of Phong Lan"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Duy Tan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-stylish-man-dressed-modern-elegant-clothes-sitting-table-outdoor-cafe-against-background-city-wharf_613910-21036.jpg",
|
||||
imageAlt: "Portrait of Duy Tan",
|
||||
},
|
||||
id: "5", name: "Duy Tan", imageSrc: "http://img.b2bpic.net/free-photo/successful-stylish-man-dressed-modern-elegant-clothes-sitting-table-outdoor-cafe-against-background-city-wharf_613910-21036.jpg", imageAlt: "Portrait of Duy Tan"},
|
||||
]}
|
||||
cardTitle="AASTU consistently delivers sophisticated pieces that elevate my professional wardrobe. The quality is simply unmatched."
|
||||
cardTag="Customer Testimonials"
|
||||
@@ -305,14 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Vietnam",
|
||||
"Luxury Living Magazine",
|
||||
"Fashion Insider Weekly",
|
||||
"Harper's Bazaar Vietnam",
|
||||
"Elite Style Journal",
|
||||
"Vietnam Fashion Forward",
|
||||
"Haute Couture Review",
|
||||
]}
|
||||
"Vogue Vietnam", "Luxury Living Magazine", "Fashion Insider Weekly", "Harper's Bazaar Vietnam", "Elite Style Journal", "Vietnam Fashion Forward", "Haute Couture Review"]}
|
||||
title="As Seen In"
|
||||
description="Trusted by leading fashion voices and publications in Vietnam and beyond."
|
||||
tag="Brand Authority"
|
||||
@@ -326,14 +197,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to elevate your style? Connect with AASTU for bespoke consultations, styling advice, or any inquiries about our exclusive collections. We're here to assist you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -344,61 +212,39 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop All", href: "#shop"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "New Arrivals", href: "#shop"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Collections", href: "#shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Craftsmanship",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Craftsmanship", href: "#features"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQs", href: "#"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user