Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 230fe5b4b9 | |||
| 4ab79fd01e | |||
| f9aea2d2f2 | |||
| 68a1e7155d | |||
| d2974f2804 | |||
| 650fb1955d | |||
| 3c3f26adfd | |||
| 379ac3c453 |
292
src/app/page.tsx
292
src/app/page.tsx
@@ -2,8 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
@@ -17,210 +17,116 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="flat"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Almas Jewellers"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bilal Gold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance in Every Grain of Gold"
|
||||
description="Discover Almas Jewellers, where tradition meets modern sophistication in handcrafted gold jewellery for your most cherished moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-golden-sparks-glitter_23-2149224083.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traditional-groom-s-indian-saber-wedding-ceremony_8353-9956.jpg", alt: "Traditional groom's Indian saber for wedding ceremony"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/christmas-tree-decoration-close-up-ball-bauble-pine-branches-background_169016-62015.jpg", alt: "Christmas tree decoration close up ball bauble in pine branches background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gold-background-texture-gradients-shadow_1258-132038.jpg", alt: "Gold background or texture and gradients shadow"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-golden-glitter-backdrop-wooden-desk_23-2148051845.jpg", alt: "Abstract golden glitter backdrop on wooden desk"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-golden-sparks-glitter_23-2149224083.jpg", alt: "luxury gold jewelry backdrop"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy couples"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Bilal Gold: Where Luxury Finds Its Form"
|
||||
description="Discover unparalleled craftsmanship and timeless elegance. Handcrafted gold jewellery designed for those who appreciate the finer things."
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-golden-sparks-glitter_23-2149224083.jpg"
|
||||
tag="Exquisite Elegance"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="The Essence of Luxury"
|
||||
buttons={[{ text: "Quality Standards", href: "/quality-standards" }, { text: "Our Heritage", href: "/our-heritage" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Royal Gold Necklace", price: "1,200", variant: "22k Gold", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347041.jpg"},
|
||||
{
|
||||
id: "p2", name: "Classic Diamond Ring", price: "2,500", variant: "18k White Gold", imageSrc: "http://img.b2bpic.net/free-photo/egagement-ring-with-blue-precious-stone-white-pillow_8353-705.jpg"},
|
||||
{
|
||||
id: "p3", name: "Serenity Bracelet", price: "950", variant: "18k Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/gold-chain-bracelet-white-surface_23-2151995433.jpg"},
|
||||
{
|
||||
id: "p4", name: "Floral Stud Earrings", price: "600", variant: "22k Gold", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635252.jpg"},
|
||||
{
|
||||
id: "p5", name: "Heritage Brooch", price: "850", variant: "Antique Gold", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-artificial-leaves-marble-surface_114579-29419.jpg"},
|
||||
{
|
||||
id: "p6", name: "Eternal Pendant", price: "1,100", variant: "22k Gold", imageSrc: "http://img.b2bpic.net/free-photo/close-up-carnival-mask-s-top_23-2149197456.jpg"},
|
||||
]}
|
||||
title="Signature Collections"
|
||||
description="Exquisitely designed pieces that define style and heritage."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Our Collections"
|
||||
description="Exquisite selection of rings, necklaces, bracelets, and earrings."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "r1", name: "Signature Ring", price: "$890", variant: "22k Gold", imageSrc: "https://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347041.jpg" },
|
||||
{ id: "n1", name: "Royal Necklace", price: "$2,100", variant: "22k Gold", imageSrc: "https://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635252.jpg" },
|
||||
{ id: "b1", name: "Ethereal Bracelet", price: "$1,250", variant: "18k Gold", imageSrc: "https://img.b2bpic.net/free-photo/gold-chain-bracelet-white-surface_23-2151995433.jpg" },
|
||||
{ id: "e1", name: "Drop Earrings", price: "$650", variant: "22k Gold", imageSrc: "https://img.b2bpic.net/free-photo/ceramic-bowl-artificial-leaves-marble-surface_114579-29419.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Purity Guaranteed", descriptions: [
|
||||
"Certified 22k gold purity in every piece we create for our valued clients."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-brick-arrangement_23-2149836426.jpg"},
|
||||
{
|
||||
id: "f2", title: "Artisan Craftsmanship", descriptions: [
|
||||
"Hand-finished by master goldsmiths ensuring unique and detailed jewellery."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chain-plate_23-2149836415.jpg"},
|
||||
{
|
||||
id: "f3", title: "Fair Pricing", descriptions: [
|
||||
"Transparent pricing reflecting the true market value of fine gold jewellery."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-golden-chains-arrangement_23-2149836478.jpg"},
|
||||
]}
|
||||
title="Our Promise of Quality"
|
||||
description="Every piece is crafted with uncompromising precision and authentic purity."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
title="Why Choose Bilal Gold"
|
||||
description="Excellence is in our DNA."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "q1", title: "Purity Guarantee", descriptions: ["Our gold is hallmarked and certified for absolute purity."], imageSrc: "https://img.b2bpic.net/free-photo/high-angle-gold-chains-brick-arrangement_23-2149836426.jpg" },
|
||||
{ id: "q2", title: "Exquisite Design", descriptions: ["Unique designs inspired by classic beauty and modern trends."], imageSrc: "https://img.b2bpic.net/free-photo/high-angle-gold-chain-plate_23-2149836415.jpg" },
|
||||
{ id: "q3", title: "Expert Craftsmanship", descriptions: ["Handcrafted by master artisans with meticulous detail."], imageSrc: "https://img.b2bpic.net/free-photo/top-view-golden-chains-arrangement_23-2149836478.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah Ahmed", role: "Collector", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg"},
|
||||
{
|
||||
id: "t2", name: "James Wilson", role: "Gift Buyer", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-woman-proposing-amazed-girlfriend_23-2147741646.jpg"},
|
||||
{
|
||||
id: "t3", name: "Fatima Q.", role: "Bride", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-elegant-woman-sparkle-wall_329181-7312.jpg"},
|
||||
{
|
||||
id: "t4", name: "Mark Stevens", role: "Collector", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-young-woman-looking-her-ring-given-by-his-boyfriend_23-2147891259.jpg"},
|
||||
{
|
||||
id: "t5", name: "Elena Rossi", role: "Designer", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-businessman-talking-cellphone_23-2147936738.jpg"},
|
||||
]}
|
||||
title="Treasured Memories"
|
||||
description="Hear what our beloved clients say about their experiences at Almas Jewellers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="Client Stories"
|
||||
description="Love in every detail."
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Amira S.", role: "Bride", company: "Dubai", rating: 5 },
|
||||
{ id: "t2", name: "Omar K.", role: "Collector", company: "Riyadh", rating: 5 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How is gold purity verified?", content: "Each item comes with a hallmark certification ensuring it meets all quality standards."},
|
||||
{
|
||||
id: "q2", title: "Can I custom design jewellery?", content: "Yes, our master craftsmen are available for personalized design and custom consultations."},
|
||||
{
|
||||
id: "q3", title: "Do you offer cleaning services?", content: "We offer complimentary professional cleaning for all pieces purchased from us."},
|
||||
{
|
||||
id: "q4", title: "Is shipping insured and secure?", content: "Yes, we provide fully insured, tracked, and discreet shipping for all high-value purchases, ensuring peace of mind during transit."}
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get answers about jewellery care, certification, and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Connect"
|
||||
title="Contact Bilal Gold"
|
||||
description="We are here to assist you. Reach out for consultations, inquiries, or showroom visits."
|
||||
buttons={[{ text: "Call Us Now", href: "tel:+1234567890" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Visit Our Showroom"
|
||||
description="Experience the beauty of fine jewellery in person at our local showroom."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Collections", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Care Guide", href: "#"},
|
||||
{
|
||||
label: "Store Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Almas Jewellers"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Bilal Gold"
|
||||
columns={[
|
||||
{ items: [{ label: "About" }, { label: "Collections" }] },
|
||||
{ items: [{ label: "Purity" }, { label: "Craft" }] },
|
||||
{ items: [{ label: "Privacy" }, { label: "Terms" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fdfbf7;
|
||||
--card: #f4efe6;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #c5a059;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #fdfbf7;
|
||||
--primary-cta: #d4af37;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #2b180a;
|
||||
--secondary-cta-text: #fdfbf7;
|
||||
--accent: #d4af37;
|
||||
--background-accent: #e6d5b8;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user