Merge version_1 into main #2
195
src/app/page.tsx
195
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -31,58 +32,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ram Jewellers"
|
||||
button={{ text: "Enquire" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ram Jewellers"
|
||||
description="Timeless Elegance. Crafted with Precision. Worn with Pride."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=05zbh5&_wi=1",
|
||||
imageAlt: "Luxury Jewelry 1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=05zbh5", imageAlt: "Luxury Jewelry 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x0iziu&_wi=1",
|
||||
imageAlt: "Luxury Jewelry 2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x0iziu", imageAlt: "Luxury Jewelry 2"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh0ipu&_wi=1",
|
||||
imageAlt: "Luxury Jewelry 3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh0ipu", imageAlt: "Luxury Jewelry 3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jo1u2b",
|
||||
imageAlt: "Luxury Jewelry 4",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jo1u2b", imageAlt: "Luxury Jewelry 4"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9tn142",
|
||||
imageAlt: "Luxury Jewelry 5",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9tn142", imageAlt: "Luxury Jewelry 5"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ipz6xl",
|
||||
imageAlt: "Luxury Jewelry 6",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ipz6xl", imageAlt: "Luxury Jewelry 6"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -101,33 +82,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Finishing",
|
||||
description: "Handcrafted details with superior polish.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=05zbh5&_wi=2",
|
||||
imageAlt: "luxury gold jewelry showcase",
|
||||
},
|
||||
title: "Premium Finishing", description: "Handcrafted details with superior polish.", buttonIcon: CheckCircle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=05zbh5", imageAlt: "luxury gold jewelry showcase"},
|
||||
{
|
||||
title: "Best Pricing",
|
||||
description: "Unmatched value for pure quality.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x0iziu&_wi=2",
|
||||
imageAlt: "luxury gold jewelry showcase",
|
||||
},
|
||||
title: "Best Pricing", description: "Unmatched value for pure quality.", buttonIcon: CheckCircle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x0iziu", imageAlt: "luxury gold jewelry showcase"},
|
||||
{
|
||||
title: "Customer Trust",
|
||||
description: "Building relationships through transparency.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh0ipu&_wi=2",
|
||||
imageAlt: "luxury gold jewelry showcase",
|
||||
},
|
||||
title: "Customer Trust", description: "Building relationships through transparency.", buttonIcon: CheckCircle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh0ipu", imageAlt: "luxury gold jewelry showcase"},
|
||||
{
|
||||
title: "Purity Guarantee",
|
||||
description: "Hallmarked gold and certified stones.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jtx82r&_wi=1",
|
||||
imageAlt: "luxury gold jewelry showcase",
|
||||
},
|
||||
title: "Purity Guarantee", description: "Hallmarked gold and certified stones.", buttonIcon: CheckCircle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jtx82r", imageAlt: "luxury gold jewelry showcase"},
|
||||
]}
|
||||
title="Our Craftsmanship"
|
||||
description="Excellence in every detail"
|
||||
@@ -142,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gold Ring",
|
||||
price: "$450",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ma00xd",
|
||||
},
|
||||
id: "1", name: "Gold Ring", price: "$450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ma00xd"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Diamond Earring",
|
||||
price: "$800",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tjv0oh",
|
||||
},
|
||||
id: "2", name: "Diamond Earring", price: "$800", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tjv0oh"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gold Necklace",
|
||||
price: "$1200",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sm3xz2",
|
||||
},
|
||||
id: "3", name: "Gold Necklace", price: "$1200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sm3xz2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bangle Set",
|
||||
price: "$950",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bv4bg1",
|
||||
},
|
||||
id: "4", name: "Bangle Set", price: "$950", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bv4bg1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pendant",
|
||||
price: "$300",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itvjj6",
|
||||
},
|
||||
id: "5", name: "Pendant", price: "$300", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itvjj6"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bracelet",
|
||||
price: "$600",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv4iqy",
|
||||
},
|
||||
id: "6", name: "Bracelet", price: "$600", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv4iqy"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Discover our signature jewellery lines."
|
||||
@@ -190,20 +131,11 @@ export default function LandingPage() {
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "1000+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
id: "m2", value: "20+", description: "Years of Excellence"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Unique Designs",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Unique Designs"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -217,45 +149,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Collector",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jtx82r&_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah", role: "Collector", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jtx82r"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael",
|
||||
role: "Purchaser",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj56cd",
|
||||
},
|
||||
id: "2", name: "Michael", role: "Purchaser", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj56cd"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
role: "Gift Giver",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mxm78l",
|
||||
},
|
||||
id: "3", name: "Emily", role: "Gift Giver", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mxm78l"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
role: "Collector",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ombqp",
|
||||
},
|
||||
id: "4", name: "David", role: "Collector", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ombqp"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica",
|
||||
role: "Bride",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xx8vmx",
|
||||
},
|
||||
id: "5", name: "Jessica", role: "Bride", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xx8vmx"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Trusted by our loyal clients."
|
||||
@@ -266,14 +173,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Visit us at our boutique or reach out for custom inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,20 +187,13 @@ export default function LandingPage() {
|
||||
logoText="Ram Jewellers"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collection", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user