Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
205
src/app/page.tsx
205
src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
name: "Collections", id: "collections"},
|
||||
{
|
||||
name: "About",
|
||||
id: "story",
|
||||
},
|
||||
name: "About", id: "story"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AL SHAMALI"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Luxury Fashion Redefined"
|
||||
description="Premium styles crafted for modern elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347047.jpg"
|
||||
/>
|
||||
@@ -80,20 +67,11 @@ export default function LandingPage() {
|
||||
description="Discover curated luxury pieces designed to elevate your style."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Gold Jewelry",
|
||||
content: "Exquisite 24k gold pieces for the modern connoisseur.",
|
||||
},
|
||||
id: "c1", title: "Gold Jewelry", content: "Exquisite 24k gold pieces for the modern connoisseur."},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Bracelets",
|
||||
content: "Timeless designs that define grace and sophistication.",
|
||||
},
|
||||
id: "c2", title: "Bracelets", content: "Timeless designs that define grace and sophistication."},
|
||||
{
|
||||
id: "c3",
|
||||
title: "Premium Accessories",
|
||||
content: "Handpicked items that complete your luxury ensemble.",
|
||||
},
|
||||
id: "c3", title: "Premium Accessories", content: "Handpicked items that complete your luxury ensemble."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/background-engagement-elegant-gift-love-accessory_1400-27.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -101,51 +79,21 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Gold Watch",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154089.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Gold Watch", price: "$1,200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV6As93uqhp79sShlv2a5vNLtQ/uploaded-1778355194284-mcauao1o.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Imperial Cufflinks",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg",
|
||||
},
|
||||
id: "p2", name: "Imperial Cufflinks", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Layered Gold Chain",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-palo-santo_23-2151936999.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Signature Gold Watch",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-cufflings-wedding-rings-watch-lie-wooden-table_8353-405.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Imperial Cufflinks",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165790.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Layered Gold Chain",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-female-wearing-silver-necklace-with-beautiful-lock-pendant_181624-27833.jpg",
|
||||
},
|
||||
id: "p3", name: "Layered Gold Chain", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-palo-santo_23-2151936999.jpg"},
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Our most coveted luxury creations."
|
||||
title="Exclusive Pieces"
|
||||
description="Hand-selected luxury items designed for the discerning individual."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -157,17 +105,11 @@ export default function LandingPage() {
|
||||
description="Al Shamali Fashion is a symbol of refinement. We craft experiences that transcend mere accessories."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Years of Trust",
|
||||
description: "Over a decade of excellence in luxury retail.",
|
||||
},
|
||||
title: "Years of Trust", description: "Over a decade of excellence in luxury retail."},
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Certified materials and artisan craftsmanship.",
|
||||
},
|
||||
title: "Premium Quality", description: "Certified materials and artisan craftsmanship."},
|
||||
{
|
||||
title: "Global Reach",
|
||||
description: "Serving elite clientele across the region.",
|
||||
},
|
||||
title: "Global Reach", description: "Serving elite clientele across the region."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-engraving-wood-alone_23-2149061716.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -181,40 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amina S.",
|
||||
role: "Collector",
|
||||
testimonial: "Truly unmatched elegance. Every piece I own from Al Shamali is a statement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg",
|
||||
},
|
||||
id: "t1", name: "Amina S.", role: "Collector", testimonial: "Truly unmatched elegance. Every piece I own from Al Shamali is a statement.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Khalid F.",
|
||||
role: "Architect",
|
||||
testimonial: "The precision and gold quality are remarkable. My go-to luxury choice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-sitting-road-shadows_627829-2723.jpg",
|
||||
},
|
||||
id: "t2", name: "Khalid F.", role: "Architect", testimonial: "The precision and gold quality are remarkable. My go-to luxury choice.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-sitting-road-shadows_627829-2723.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah M.",
|
||||
role: "Creative Director",
|
||||
testimonial: "Sophisticated service and even better design. Absolutely perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queen-posing_23-2149247307.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Omar R.",
|
||||
role: "Investor",
|
||||
testimonial: "Seamless experience from purchase to wear. Pure excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transgender-person-wearing-yellow-jacket-standing-sideways_23-2148827063.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Layla K.",
|
||||
role: "Fashion Stylist",
|
||||
testimonial: "Al Shamali understands luxury like no other in the market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah M.", role: "Creative Director", testimonial: "Sophisticated service and even better design. Absolutely perfect.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queen-posing_23-2149247307.jpg"},
|
||||
]}
|
||||
title="Client Reflections"
|
||||
description="Stories from our discerning community."
|
||||
@@ -226,14 +139,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Style",
|
||||
"Harper's Bazaar",
|
||||
"Luxury Today",
|
||||
"Elite Lifestyle",
|
||||
"Modern Muse",
|
||||
"Golden Hour",
|
||||
"Icon Magazine",
|
||||
]}
|
||||
"Vogue Style", "Harper's Bazaar", "Luxury Today", "Elite Lifestyle", "Modern Muse", "Golden Hour", "Icon Magazine"]}
|
||||
title="Luxury Partners"
|
||||
description="Trusted by icons of style."
|
||||
/>
|
||||
@@ -243,14 +149,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Experience the cinematic elegance of our latest collection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Watch Collection",
|
||||
href: "#",
|
||||
},
|
||||
text: "Watch Collection", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -261,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide custom design services?",
|
||||
content: "Yes, we collaborate with elite artisans to curate custom gold pieces.",
|
||||
},
|
||||
id: "f1", title: "Do you provide custom design services?", content: "Yes, we collaborate with elite artisans to curate custom gold pieces."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is shipping handled?",
|
||||
content: "We use secure, premium global logistics to ensure safe delivery.",
|
||||
},
|
||||
id: "f2", title: "How is shipping handled?", content: "We use secure, premium global logistics to ensure safe delivery."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer local support?",
|
||||
content: "Our flagship concierge team is available via WhatsApp 24/7.",
|
||||
},
|
||||
id: "f3", title: "Do you offer local support?", content: "Our flagship concierge team is available via WhatsApp 24/7."},
|
||||
]}
|
||||
title="Concierge Services"
|
||||
description="Frequently asked questions to assist your journey."
|
||||
@@ -286,42 +180,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Luxury",
|
||||
items: [
|
||||
title: "Luxury", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#story",
|
||||
},
|
||||
label: "About Us", href: "#story"},
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Concierge", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Gold",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Gold", href: "#products"},
|
||||
{
|
||||
label: "Bracelets",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bracelets", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -331,4 +210,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user