Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-04-25 15:39:06 +00:00

View File

@@ -9,10 +9,9 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Diamond, MapPin, Sparkles, Gem } from "lucide-react";
import { Gem } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,115 +28,125 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Products", id: "#products" },
{ name: "Features", id: "#features" },
{ name: "Contact", id: "#contact" },
]}
brandName="AAHIL GEMS & JEWELS"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Products", id: "#products" },
{ name: "Features", id: "#features" },
{ name: "Contact", id: "#contact" },
]}
brandName="AAHIL GEMS & JEWELS"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-static-grid" }}
title="Aahil Gems & Jewels"
description="Discover the art of fine jewelry. Specializing in natural lab-certified gemstones and premium pure silver jewelry, crafted for those who value elegance and authenticity."
buttons={[{ text: "Explore Collection", href: "#products" }]}
carouselItems={Array.from({ length: 6 }).map((_, i) => ({
id: `hero-${i}`,
imageSrc: `https://images.unsplash.com/photo-1515562141207-7a88fb744040?q=80&w=1000&auto=format&fit=crop`,
imageAlt: "Jewelry Showcase"
}))}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-static-grid" }}
title="Aahil Gems & Jewels"
description="Discover the art of fine jewelry. Specializing in natural lab-certified gemstones and premium pure silver jewelry, crafted for those who value elegance and authenticity."
buttons={[{ text: "Explore Collection", href: "#products" }]}
carouselItems={Array.from({ length: 6 }).map((_, i) => ({
id: `hero-${i}`,
imageSrc: "https://images.unsplash.com/photo-1515562141207-7a88fb744040?q=80&w=1000&auto=format&fit=crop", imageAlt: "Jewelry Showcase"
}))}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="Our Focus"
title="Authenticity Guaranteed"
description="We pride ourselves on providing only natural lab-certified gemstones and the highest purity silver jewelry. Every piece undergoes rigorous quality control to ensure you receive nothing but the best."
subdescription="Visit us at: 74, 7th Cross, 5th Main Rd, Ganganagar, RT Nagar, Bengaluru."
icon={Gem}
imageSrc="https://images.unsplash.com/photo-1599643478518-a854e5da4700?q=80&w=1000&auto=format&fit=crop"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="Our Focus"
title="Authenticity Guaranteed"
description="We pride ourselves on providing only natural lab-certified gemstones and the highest purity silver jewelry. Every piece undergoes rigorous quality control to ensure you receive nothing but the best."
subdescription="Visit us at: 74, 7th Cross, 5th Main Rd, Ganganagar, RT Nagar, Bengaluru."
icon={Gem}
videoSrc="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
mediaAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
title="Pure Silver & Gemstones"
description="Explore our latest arrivals in pure silver jewelry and certified precious stones."
products={[
{ id: "1", name: "Certified Sapphire Ring", price: "₹15,000", imageSrc: "https://images.unsplash.com/photo-1605100804763-247f67b3557e?q=80&w=800&auto=format&fit=crop" },
{ id: "2", name: "Pure Silver Necklace", price: "₹8,500", imageSrc: "https://images.unsplash.com/photo-1603567086815-58567540702e?q=80&w=800&auto=format&fit=crop" },
{ id: "3", name: "Lab-Certified Ruby Pendant", price: "₹12,000", imageSrc: "https://images.unsplash.com/photo-1573408301185-9831fe7b11d3?q=80&w=800&auto=format&fit=crop" },
{ id: "4", name: "Silver Filigree Earrings", price: "₹4,500", imageSrc: "https://images.unsplash.com/photo-1611652022419-a9419f74a43d?q=80&w=800&auto=format&fit=crop" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
title="Pure Silver & Gemstones"
description="Explore our latest arrivals in pure silver jewelry and certified precious stones."
products={[
{ id: "1", name: "Certified Sapphire Ring", price: "₹15,000", imageSrc: "https://images.unsplash.com/photo-1605100804763-247f67b3557e?q=80&w=800&auto=format&fit=crop" },
{ id: "2", name: "Pure Silver Necklace", price: "₹8,500", imageSrc: "https://images.unsplash.com/photo-1603567086815-58567540702e?q=80&w=800&auto=format&fit=crop" },
{ id: "3", name: "Lab-Certified Ruby Pendant", price: "₹12,000", imageSrc: "https://images.unsplash.com/photo-1573408301185-9831fe7b11d3?q=80&w=800&auto=format&fit=crop" },
{ id: "4", name: "Silver Filigree Earrings", price: "₹4,500", imageSrc: "https://images.unsplash.com/photo-1611652022419-a9419f74a43d?q=80&w=800&auto=format&fit=crop" }
]}
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="blur-reveal"
gridVariant="three-columns-all-equal-width"
title="Why Choose Us"
features={[
{ title: "Certified Quality", description: "All our gemstones come with recognized lab certifications.", imageSrc: "https://images.unsplash.com/photo-1606760227091-3dd870d97f1d?q=80&w=800&auto=format&fit=crop" },
{ title: "925 Pure Silver", description: "Genuine high-purity silver jewelry for lasting shine.", imageSrc: "https://images.unsplash.com/photo-1515562141207-7a88fb744040?q=80&w=800&auto=format&fit=crop" },
{ title: "Expert Craftsmanship", description: "Traditional designs meets modern professional aesthetics.", imageSrc: "https://images.unsplash.com/photo-1584302179602-e4c3d3fd604d?q=80&w=800&auto=format&fit=crop" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="blur-reveal"
gridVariant="three-columns-all-equal-width"
title="Why Choose Us"
description="Experience excellence in every piece."
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Certified Quality", description: "All our gemstones come with recognized lab certifications.", imageSrc: "https://images.unsplash.com/photo-1606760227091-3dd870d97f1d?q=80&w=800&auto=format&fit=crop" },
{ title: "925 Pure Silver", description: "Genuine high-purity silver jewelry for lasting shine.", imageSrc: "https://images.unsplash.com/photo-1515562141207-7a88fb744040?q=80&w=800&auto=format&fit=crop" },
{ title: "Expert Craftsmanship", description: "Traditional designs meets modern professional aesthetics.", imageSrc: "https://images.unsplash.com/photo-1584302179602-e4c3d3fd604d?q=80&w=800&auto=format&fit=crop" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Truly high-quality gemstones. The certification process gave me total peace of mind."
rating={5}
author="Anjali K."
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
avatars={[{ src: "https://i.pravatar.cc/100?u=a1", alt: "Customer" }]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Truly high-quality gemstones. The certification process gave me total peace of mind."
rating={5}
author="Anjali K."
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
avatars={[{ src: "https://i.pravatar.cc/100?u=a1", alt: "Customer" }]}
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
faqs={[
{ id: "1", title: "Are your stones natural?", content: "Yes, all our gemstones are natural and lab-certified." },
{ id: "2", title: "Is the silver pure?", content: "We deal exclusively in high-purity silver jewelry." },
{ id: "3", title: "Where is your store?", content: "We are located in Ganganagar, RT Nagar, Bengaluru." }
]}
sideTitle="FAQs"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
faqs={[
{ id: "1", title: "Are your stones natural?", content: "Yes, all our gemstones are natural and lab-certified." },
{ id: "2", title: "Is the silver pure?", content: "We deal exclusively in high-purity silver jewelry." },
{ id: "3", title: "Where is your store?", content: "We are located in Ganganagar, RT Nagar, Bengaluru." }
]}
sideTitle="FAQs"
faqsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact Us"
title="Visit Aahil Gems & Jewels"
description="Find our boutique at 74, 7th Cross, 5th Main Rd, Ganganagar, RT Nagar, Bengaluru. Reach out to schedule a visit or ask about our collection."
imageSrc="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=1200&auto=format&fit=crop"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact Us"
title="Visit Aahil Gems & Jewels"
description="Find our boutique at 74, 7th Cross, 5th Main Rd, Ganganagar, RT Nagar, Bengaluru. Reach out to schedule a visit or ask about our collection."
imageSrc="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=1200&auto=format&fit=crop"
background={{ variant: "plain" }}
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Collections", href: "#products" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] }
]}
bottomLeftText="© 2025 Aahil Gems & Jewels"
bottomRightText="Bengaluru, India"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Collections", href: "#products" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] }
]}
bottomLeftText="© 2025 Aahil Gems & Jewels"
bottomRightText="Bengaluru, India"
/>
</div>
</ReactLenis>
</ThemeProvider>
);