Merge version_1 into main #1
200
src/app/page.tsx
200
src/app/page.tsx
@@ -17,31 +17,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "products",
|
||||
},
|
||||
name: "Gallery", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hafsa Boutique"
|
||||
/>
|
||||
@@ -50,66 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Hafsa Boutique"
|
||||
description="Temporarily Closed — reopening soon! Discover elegant designs and timeless style in the heart of Skopje."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-bench-with-boxes_23-2148734487.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-bench-with-boxes_23-2148734487.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-look-through-okay-sign-with-excitement-checking-out-promo-offer-standing-redd-aga_1258-146661.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-look-through-okay-sign-with-excitement-checking-out-promo-offer-standing-redd-aga_1258-146661.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-colorful-packets-case_23-2147962238.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-colorful-packets-case_23-2147962238.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractice-excited-styliah-blond-girl-thoughtfully-looking-shopping-bag-city-street_574295-2273.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractice-excited-styliah-blond-girl-thoughtfully-looking-shopping-bag-city-street_574295-2273.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-582.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-582.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Loved by our local community."
|
||||
buttons={[
|
||||
{
|
||||
text: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
text: "About Us", href: "#about"},
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Gallery", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Elegance",
|
||||
type: "text", text: "Timeless Elegance"},
|
||||
{
|
||||
type: "text-icon", text: "Quality Fabrics", icon: Diamond,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Fabrics",
|
||||
icon: Diamond,
|
||||
type: "text", text: "Handcrafted Details"},
|
||||
{
|
||||
type: "text-icon", text: "Luxury Styling", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Details",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Styling",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Minimalist",
|
||||
},
|
||||
type: "text", text: "Modern Minimalist"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,18 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Hafsa Boutique",
|
||||
},
|
||||
type: "text", content: "About Hafsa Boutique"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-adult-stylish-looking-modern_1157-3417.jpg",
|
||||
alt: "Boutique Interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/outdoor-adult-stylish-looking-modern_1157-3417.jpg", alt: "Boutique Interior"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Our mission is to provide stylish designs and quality service with an affordable touch. We believe in honest service and timeless style.",
|
||||
},
|
||||
type: "text", content: "Our mission is to provide stylish designs and quality service with an affordable touch. We believe in honest service and timeless style."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,41 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elegant Evening Dress",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg",
|
||||
},
|
||||
id: "p1", name: "Elegant Evening Dress", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Blush Silk Gown",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5695.jpg",
|
||||
},
|
||||
id: "p2", name: "Blush Silk Gown", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5695.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Chic Piece",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-businesswomen-dressed-stylish-formal-clothes-standing-steps-downtown-posing-against-background-skyscraper_613910-4735.jpg",
|
||||
},
|
||||
id: "p3", name: "Minimalist Chic Piece", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-businesswomen-dressed-stylish-formal-clothes-standing-steps-downtown-posing-against-background-skyscraper_613910-4735.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Seasonal Collection",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-delicate-woman-with-flying-transparent-dress-loft-studio_633478-2924.jpg",
|
||||
},
|
||||
id: "p4", name: "Seasonal Collection", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/pretty-delicate-woman-with-flying-transparent-dress-loft-studio_633478-2924.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Timeless Style Dress",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2047.jpg",
|
||||
},
|
||||
id: "p5", name: "Timeless Style Dress", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2047.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Boutique Special",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353684.jpg",
|
||||
},
|
||||
id: "p6", name: "Boutique Special", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353684.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Exquisite dresses curated for elegance and style."
|
||||
@@ -190,45 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great value",
|
||||
quote: "Low price.",
|
||||
name: "Nimetulla Dauti",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-bench-with-boxes_23-2148734487.jpg",
|
||||
},
|
||||
id: "1", title: "Great value", quote: "Low price.", name: "Nimetulla Dauti", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-bench-with-boxes_23-2148734487.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Excellent service",
|
||||
quote: "Excellent offer, love and honest sellers.",
|
||||
name: "Brane Trpkovski",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-look-through-okay-sign-with-excitement-checking-out-promo-offer-standing-redd-aga_1258-146661.jpg",
|
||||
},
|
||||
id: "2", title: "Excellent service", quote: "Excellent offer, love and honest sellers.", name: "Brane Trpkovski", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-look-through-okay-sign-with-excitement-checking-out-promo-offer-standing-redd-aga_1258-146661.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Beautiful shop",
|
||||
quote: "Beautiful boutique.",
|
||||
name: "Safet Safet",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-colorful-packets-case_23-2147962238.jpg",
|
||||
},
|
||||
id: "3", title: "Beautiful shop", quote: "Beautiful boutique.", name: "Safet Safet", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-colorful-packets-case_23-2147962238.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Lovely experience",
|
||||
quote: "Excellent choice and honest service.",
|
||||
name: "Customer 4",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractice-excited-styliah-blond-girl-thoughtfully-looking-shopping-bag-city-street_574295-2273.jpg",
|
||||
},
|
||||
id: "4", title: "Lovely experience", quote: "Excellent choice and honest service.", name: "Customer 4", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/attractice-excited-styliah-blond-girl-thoughtfully-looking-shopping-bag-city-street_574295-2273.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly recommend",
|
||||
quote: "Amazing atmosphere.",
|
||||
name: "Customer 5",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-582.jpg",
|
||||
},
|
||||
id: "5", title: "Highly recommend", quote: "Amazing atmosphere.", name: "Customer 5", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-582.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="4.3★ Rating from 15 reviews."
|
||||
@@ -239,16 +150,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Visit Hafsa Boutique"
|
||||
description="Vojdan Chernodrinski 25, Skopje 1000, North Macedonia. Phone: +389 71 256 615."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/place/2C4Q+85+Skopje",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/place/2C4Q+85+Skopje"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -259,29 +167,19 @@ export default function LandingPage() {
|
||||
logoText="Hafsa Boutique"
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Gallery", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user