Merge version_1 into main #2
314
src/app/page.tsx
314
src/app/page.tsx
@@ -31,133 +31,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Quality", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Aaruthraa"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Aaruthraa"
|
||||
description="Discover elegance in every detail. Our curated 3D fancy collection redefines boutique shopping with sophisticated style and premium quality."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ananya R.",
|
||||
handle: "@ananyar",
|
||||
testimonial: "The quality at Aaruthraa is unmatched. Every piece feels premium and elegant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg?_wi=1",
|
||||
imageAlt: "elegant 3d fancy store window display",
|
||||
},
|
||||
{
|
||||
name: "Priya K.",
|
||||
handle: "@priyak",
|
||||
testimonial: "Absolutely love the curated selection. A truly fancy experience in every visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409247.jpg?_wi=1",
|
||||
imageAlt: "elegant 3d fancy store window display",
|
||||
},
|
||||
{
|
||||
name: "Deepika S.",
|
||||
handle: "@deepikas",
|
||||
testimonial: "My go-to place for all fancy needs. Sophisticated and stylish collections.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg?_wi=1",
|
||||
imageAlt: "elegant 3d fancy store window display",
|
||||
},
|
||||
{
|
||||
name: "Sita M.",
|
||||
handle: "@sitam",
|
||||
testimonial: "Aaruthraa redefines elegance. Exceptional service and beautiful products.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg?_wi=1",
|
||||
imageAlt: "elegant 3d fancy store window display",
|
||||
},
|
||||
{
|
||||
name: "Meera P.",
|
||||
handle: "@meerap",
|
||||
testimonial: "Perfect aesthetic for fancy goods. Always finding something unique here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263166.jpg?_wi=1",
|
||||
imageAlt: "elegant 3d fancy store window display",
|
||||
},
|
||||
{ name: "Ananya R.", handle: "@ananyar", testimonial: "The quality at Aaruthraa is unmatched. Every piece feels premium and elegant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg", imageAlt: "elegant 3d fancy store window display" },
|
||||
{ name: "Priya K.", handle: "@priyak", testimonial: "Absolutely love the curated selection. A truly fancy experience in every visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409247.jpg", imageAlt: "elegant 3d fancy store window display" },
|
||||
{ name: "Deepika S.", handle: "@deepikas", testimonial: "My go-to place for all fancy needs. Sophisticated and stylish collections.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg", imageAlt: "elegant 3d fancy store window display" },
|
||||
{ name: "Sita M.", handle: "@sitam", testimonial: "Aaruthraa redefines elegance. Exceptional service and beautiful products.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg", imageAlt: "elegant 3d fancy store window display" },
|
||||
{ name: "Meera P.", handle: "@meerap", testimonial: "Perfect aesthetic for fancy goods. Always finding something unique here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263166.jpg", imageAlt: "elegant 3d fancy store window display" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg?_wi=2"
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg"
|
||||
imageAlt="elegant 3d fancy store window display"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-excited-female-shoppers-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11776.jpg",
|
||||
alt: "Happy excited female shoppers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-showing-bag-friend_23-2147950284.jpg",
|
||||
alt: "Young woman showing bag",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg",
|
||||
alt: "Cheerful female friends",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
alt: "Young caucasian woman with shopping bags",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-tanned-brunette-shorthaired-woman-floral-vneck-dress-chatting-phone-sits-desk-poses-cozy-fashion-designer-office_197531-29849.jpg",
|
||||
alt: "Cheerful tanned brunette woman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-excited-female-shoppers-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11776.jpg", alt: "Happy excited female shoppers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-showing-bag-friend_23-2147950284.jpg", alt: "Young woman showing bag" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg", alt: "Cheerful female friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", alt: "Young caucasian woman with shopping bags" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-tanned-brunette-shorthaired-woman-floral-vneck-dress-chatting-phone-sits-desk-poses-cozy-fashion-designer-office_197531-29849.jpg", alt: "Cheerful tanned brunette woman" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "3D DESIGN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM QUALITY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BOUTIQUE ELEGANCE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MODERN STYLE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "CURATED FANCY",
|
||||
},
|
||||
{ type: "text", text: "3D DESIGN" },
|
||||
{ type: "text", text: "PREMIUM QUALITY" },
|
||||
{ type: "text", text: "BOUTIQUE ELEGANCE" },
|
||||
{ type: "text", text: "MODERN STYLE" },
|
||||
{ type: "text", text: "CURATED FANCY" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,18 +82,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced designs",
|
||||
"Compromised quality",
|
||||
"Uninspired curation",
|
||||
],
|
||||
items: ["Mass-produced designs", "Compromised quality", "Uninspired curation"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Curated 3D-inspired designs",
|
||||
"Premium material quality",
|
||||
"Exquisite aesthetic details",
|
||||
],
|
||||
items: ["Curated 3D-inspired designs", "Premium material quality", "Exquisite aesthetic details"],
|
||||
}}
|
||||
title="Why Aaruthraa?"
|
||||
description="Experience superior quality and exquisite designs that make our fancy collection truly unique."
|
||||
@@ -188,52 +94,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Crystal Adornment",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409247.jpg?_wi=2",
|
||||
imageAlt: "luxurious hair accessory fancy display",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Golden Essence",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg?_wi=2",
|
||||
imageAlt: "fancy jewelry case premium quality",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Velvet Touch",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg?_wi=2",
|
||||
imageAlt: "fancy cosmetic item elegant packaging",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Minimalist Glow",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263166.jpg?_wi=2",
|
||||
imageAlt: "fancy stationery set refined detail",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Aura Pendant",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg",
|
||||
imageAlt: "fancy bag accessory premium material",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Regal Charm",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg",
|
||||
imageAlt: "fancy designer item boutique display",
|
||||
},
|
||||
{ id: "1", name: "Crystal Adornment", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409247.jpg", imageAlt: "luxurious hair accessory fancy display" },
|
||||
{ id: "2", name: "Golden Essence", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg", imageAlt: "fancy jewelry case premium quality" },
|
||||
{ id: "3", name: "Velvet Touch", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg", imageAlt: "fancy cosmetic item elegant packaging" },
|
||||
{ id: "4", name: "Minimalist Glow", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263166.jpg", imageAlt: "fancy stationery set refined detail" },
|
||||
{ id: "5", name: "Aura Pendant", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg", imageAlt: "fancy bag accessory premium material" },
|
||||
{ id: "6", name: "Regal Charm", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg", imageAlt: "fancy designer item boutique display" },
|
||||
]}
|
||||
title="Curated Collection"
|
||||
description="Explore our handpicked fancy items, blending 3D aesthetic inspiration with premium craftsmanship."
|
||||
@@ -246,33 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Quality assurance",
|
||||
"Style consistency",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Unique Designs",
|
||||
items: [
|
||||
"Exclusive curation",
|
||||
"Trend focused",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Dedicated support",
|
||||
"Premium service",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "1000+", title: "Happy Clients", items: ["Quality assurance", "Style consistency"] },
|
||||
{ id: "m2", value: "500+", title: "Unique Designs", items: ["Exclusive curation", "Trend focused"] },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction", items: ["Dedicated support", "Premium service"] },
|
||||
]}
|
||||
title="Aaruthraa by the Numbers"
|
||||
description="Growing passion for elegance, one fancy item at a time."
|
||||
@@ -285,51 +132,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Stunning quality, highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg",
|
||||
imageAlt: "happy customer elegant boutique shop",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike T.",
|
||||
handle: "@miket",
|
||||
testimonial: "Excellent service and unique collection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",
|
||||
imageAlt: "stylish woman boutique fashion accessory",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Beautifully crafted pieces, loved it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-walking-out-doors-some-cafe_1303-27884.jpg",
|
||||
imageAlt: "elegant customer shop experience fancy",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "A fancy store that truly delivers quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-shopping-bags-smartphone_23-2148734476.jpg",
|
||||
imageAlt: "stylish buyer fancy shop aesthetic",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica B.",
|
||||
handle: "@jessb",
|
||||
testimonial: "Sophisticated aesthetic and fast shipping.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg",
|
||||
imageAlt: "elegant customer shop fancy boutique",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Stunning quality, highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg", imageAlt: "happy customer elegant boutique shop" },
|
||||
{ id: "t2", name: "Mike T.", handle: "@miket", testimonial: "Excellent service and unique collection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg", imageAlt: "stylish woman boutique fashion accessory" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Beautifully crafted pieces, loved it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-walking-out-doors-some-cafe_1303-27884.jpg", imageAlt: "elegant customer shop experience fancy" },
|
||||
{ id: "t4", name: "David L.", handle: "@davidl", testimonial: "A fancy store that truly delivers quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-shopping-bags-smartphone_23-2148734476.jpg", imageAlt: "stylish buyer fancy shop aesthetic" },
|
||||
{ id: "t5", name: "Jessica B.", handle: "@jessb", testimonial: "Sophisticated aesthetic and fast shipping.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg", imageAlt: "elegant customer shop fancy boutique" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Shoppers"
|
||||
@@ -341,15 +148,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Aura",
|
||||
"Glow",
|
||||
"Elite",
|
||||
"Lux",
|
||||
"Vogue",
|
||||
"Prime",
|
||||
"Icon",
|
||||
]}
|
||||
names={["Aura", "Glow", "Elite", "Lux", "Vogue", "Prime", "Icon"]}
|
||||
title="Trusted Partnerships"
|
||||
description="Collaborating with leading fancy accessory creators globally."
|
||||
/>
|
||||
@@ -359,21 +158,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What's the return policy?",
|
||||
content: "30-day hassle-free returns.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are products 3D?",
|
||||
content: "We feature 3D-inspired designs for that premium look.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer shipping?", content: "Yes, we ship globally." },
|
||||
{ id: "f2", title: "What's the return policy?", content: "30-day hassle-free returns." },
|
||||
{ id: "f3", title: "Are products 3D?", content: "We feature 3D-inspired designs for that premium look." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Find answers to our common fancy shopping queries here."
|
||||
@@ -384,16 +171,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Get in touch with Aaruthraa today for bespoke fancy solutions and expert boutique advice."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@aaruthraa.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@aaruthraa.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -406,4 +186,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user