Merge version_2 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user