Update src/app/page.tsx
This commit is contained in:
321
src/app/page.tsx
321
src/app/page.tsx
@@ -16,235 +16,114 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="SIMPLEX OPTICAL"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="SIMPLEX OPTICAL"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Clear Vision Starts Here – Expert Eye Testing & Stylish Frames"
|
||||
description="Affordable eyewear, professional eye care, and trusted service in Greater Noida."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919312310973",
|
||||
},
|
||||
{
|
||||
text: "Book Free Eye Test",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/modern-optical-store-interior-with-high--1774599998284-f6efcd5a.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Clear Vision Starts Here – Expert Eye Testing & Stylish Frames"
|
||||
description="Affordable eyewear, professional eye care, and trusted service in Greater Noida."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919312310973" },
|
||||
{ text: "Book Free Eye Test", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/modern-optical-store-interior-with-high--1774599998284-f6efcd5a.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Kulvinder",
|
||||
role: "Patient",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-happy-custome-1774599997992-0d520f83.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Shivam Saxena",
|
||||
role: "Patient",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-middle-aged-p-1774599997517-aaa86a89.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ananya P.",
|
||||
role: "Patient",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-student-custo-1774600000646-f59d1c5d.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rohan V.",
|
||||
role: "Patient",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-happy-custome-1774599997992-0d520f83.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.7⭐",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "60+",
|
||||
label: "Satisfied Patients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Quality Frames",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Greater Noida Residents"
|
||||
description="See why our customers love our service and quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Trusted by Greater Noida Residents"
|
||||
description="See why our customers love our service and quality."
|
||||
kpiItems={[
|
||||
{ value: "4.7⭐", label: "Google Rating" },
|
||||
{ value: "60+", label: "Satisfied Patients" },
|
||||
{ value: "100%", label: "Quality Frames" },
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Dr. Kulvinder", role: "Patient", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-happy-custome-1774599997992-0d520f83.png" },
|
||||
{ id: "2", name: "Shivam Saxena", role: "Patient", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-middle-aged-p-1774599997517-aaa86a89.png" },
|
||||
{ id: "3", name: "Ananya P.", role: "Patient", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-student-custo-1774600000646-f59d1c5d.png" },
|
||||
{ id: "4", name: "Rohan V.", role: "Patient", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-happy-custome-1774599997992-0d520f83.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Eye Testing",
|
||||
description: "Professional & Accurate eye examinations using advanced equipment.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-an-eye-test-chart-blu-1774599997282-05e7b590.png",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Prescription Glasses",
|
||||
description: "High-quality, durable, and stylish lenses for every vision need.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-stylish-glasses-blue--1774599996510-875e1405.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Contact Lenses",
|
||||
description: "Premium contact lenses for comfort and clear vision all day.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-contact-lenses-blue-c-1774599997455-2a5fe5fe.png",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Frame Selection",
|
||||
description: "Expert assistance to find the perfect frame for your face type.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-stylish-glasses-blue--1774599996510-875e1405.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive eye care solutions tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive eye care solutions tailored to your needs."
|
||||
features={[
|
||||
{ id: 1, title: "Eye Testing", description: "Professional & Accurate eye examinations using advanced equipment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-an-eye-test-chart-blu-1774599997282-05e7b590.png" },
|
||||
{ id: 2, title: "Prescription Glasses", description: "High-quality, durable, and stylish lenses for every vision need.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-stylish-glasses-blue--1774599996510-875e1405.png" },
|
||||
{ id: 3, title: "Contact Lenses", description: "Premium contact lenses for comfort and clear vision all day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-contact-lenses-blue-c-1774599997455-2a5fe5fe.png" },
|
||||
{ id: 4, title: "Frame Selection", description: "Expert assistance to find the perfect frame for your face type.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-stylish-glasses-blue--1774599996510-875e1405.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "g1",
|
||||
value: "Experience",
|
||||
title: "Store Interior",
|
||||
description: "Comfortable and clean environment",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/bright-and-clean-optical-store-interior--1774599998362-17856372.png",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
value: "Variety",
|
||||
title: "Wide Collection",
|
||||
description: "Latest trends and durable frames",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/detailed-shot-of-various-stylish-eyeglas-1774600000526-0f8e4381.png",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
value: "Expertise",
|
||||
title: "Eye Care",
|
||||
description: "Advanced diagnostic technology",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-optometrist-performing-an-e-1774599999445-7e9db91d.png",
|
||||
},
|
||||
]}
|
||||
title="Modern & Clean Store"
|
||||
description="Visit our facility in Greater Noida for a premium experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Modern & Clean Store"
|
||||
description="Visit our facility in Greater Noida for a premium experience."
|
||||
metrics={[
|
||||
{ id: "g1", value: "Experience", title: "Store Interior", description: "Comfortable and clean environment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/bright-and-clean-optical-store-interior--1774599998362-17856372.png" },
|
||||
{ id: "g2", value: "Variety", title: "Wide Collection", description: "Latest trends and durable frames", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/detailed-shot-of-various-stylish-eyeglas-1774600000526-0f8e4381.png" },
|
||||
{ id: "g3", value: "Expertise", title: "Eye Care", description: "Advanced diagnostic technology", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-optometrist-performing-an-e-1774599999445-7e9db91d.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Need New Glasses or Eye Test Today?"
|
||||
description="Fill the form or call us now at +91 93123 10973 for a quick consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919312310973",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl/dummy",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
title="Need New Glasses or Eye Test Today?"
|
||||
description="Fill the form or call us now at +91 93123 10973 for a quick consultation."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919312310973" },
|
||||
{ text: "Get Directions", href: "https://maps.app.goo.gl/dummy" },
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SIMPLEX OPTICAL"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Alpha 2, Satyam Marg, Greater Noida",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Eye Test",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Open daily till 10 PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SIMPLEX OPTICAL"
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "Alpha 2, Satyam Marg, Greater Noida", href: "#" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Eye Test", href: "#services" }, { label: "Contact Us", href: "#contact" }] },
|
||||
{ title: "Hours", items: [{ label: "Open daily till 10 PM", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user