Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Award, Calendar, Eye, ShieldCheck } from "lucide-react";
|
||||
import { Award, Eye, ShieldCheck, Calendar, Zap, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Why Us", id: "trust" },
|
||||
{ name: "Solutions", id: "solution" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Royal Opticians"
|
||||
/>
|
||||
@@ -54,73 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Clear Vision. Trusted Since 1998."
|
||||
description="Premium eyewear, expert fitting, and free eye testing in Chandigarh. Discover your perfect pair at Royal Opticians."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Free Eye Test",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Visit Store",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-hat-eyeglasses_23-2148068352.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Free Eye Test", href: "#contact" }, { text: "Visit Store", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-hat-eyeglasses_23-2148068352.jpg"
|
||||
imageAlt="Royal Opticians Premium Glasses"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4011.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-student-rides-public-transport-public-transportation-people-concept_169016-66982.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-pretty-young-woman-with-blond-hair-wearing-black-sunglasses-bright-summer-dress-posing-camera-with-happy-smile-background-summer-cafeteria_291650-1837.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4011.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-student-rides-public-transport-public-transportation-people-concept_169016-66982.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-pretty-young-woman-with-blond-hair-wearing-black-sunglasses-bright-summer-dress-posing-camera-with-happy-smile-background-summer-cafeteria_291650-1837.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Join 1000+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "25+ Years Trust",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Eye Exams",
|
||||
icon: Eye,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Frames",
|
||||
icon: Eye,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Fitting",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Open Daily",
|
||||
icon: Calendar,
|
||||
},
|
||||
{ type: "text-icon", text: "25+ Years Trust", icon: Award },
|
||||
{ type: "text-icon", text: "Free Eye Exams", icon: Eye },
|
||||
{ type: "text-icon", text: "Premium Frames", icon: Eye },
|
||||
{ type: "text-icon", text: "Expert Fitting", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Open Daily", icon: Calendar }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,26 +75,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "25+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
description: "Satisfied Customers",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Free",
|
||||
description: "Expert Eye Testing",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "In-house",
|
||||
description: "Expert Fitting",
|
||||
},
|
||||
{ id: "m1", value: "25+", description: "Years of Experience" },
|
||||
{ id: "m2", value: "1000+", description: "Satisfied Customers" },
|
||||
{ id: "m3", value: "Free", description: "Expert Eye Testing" },
|
||||
{ id: "m4", value: "In-house", description: "Expert Fitting" }
|
||||
]}
|
||||
title="Our Legacy"
|
||||
description="Excellence in optics for over two decades."
|
||||
@@ -163,27 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Blue Light Shield",
|
||||
description: "Protect your eyes from harmful screen radiation.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-hat-eyeglasses_23-2148068352.jpg?_wi=2",
|
||||
imageAlt: "luxury eyewear design dark background",
|
||||
},
|
||||
{
|
||||
title: "Prescription Clarity",
|
||||
description: "Precision lenses tailored to your exact needs.",
|
||||
buttonIcon: "Eye",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dental-microscope_23-2147862126.jpg",
|
||||
imageAlt: "professional eye exam clinic",
|
||||
},
|
||||
{
|
||||
title: "Perfect Fitting",
|
||||
description: "In-house experts ensure total frame comfort.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg?_wi=1",
|
||||
imageAlt: "happy customer wearing glasses",
|
||||
},
|
||||
{ title: "Blue Light Shield", description: "Protect your eyes from harmful screen radiation.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-hat-eyeglasses_23-2148068352.jpg", imageAlt: "luxury eyewear" },
|
||||
{ title: "Prescription Clarity", description: "Precision lenses tailored to your exact needs.", buttonIcon: Eye, imageSrc: "http://img.b2bpic.net/free-photo/close-up-dental-microscope_23-2147862126.jpg", imageAlt: "clinic" },
|
||||
{ title: "Perfect Fitting", description: "In-house experts ensure total frame comfort.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", imageAlt: "customer" }
|
||||
]}
|
||||
title="Struggling with Eye Strain?"
|
||||
description="Digital fatigue is real. Our expert solutions help you see clearly and work comfortably."
|
||||
@@ -192,52 +101,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Full Frame Eyeglasses",
|
||||
price: "₹1,200+",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-rides-public-transport-public-transportation-people-concept_169016-66982.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Designer Sunglasses",
|
||||
price: "₹1,500+",
|
||||
variant: "Trendy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pretty-young-woman-with-blond-hair-wearing-black-sunglasses-bright-summer-dress-posing-camera-with-happy-smile-background-summer-cafeteria_291650-1837.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Contact Lenses",
|
||||
price: "₹800+",
|
||||
variant: "Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eye-care-accessories-beige-background_23-2148320361.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Color Lenses",
|
||||
price: "₹950+",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-sunglasses-near-bottle-shell_23-2148109264.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Computer Glasses",
|
||||
price: "₹1,100+",
|
||||
variant: "Blue Light",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-smartphone_23-2148226921.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Driving Lenses",
|
||||
price: "₹1,300+",
|
||||
variant: "Night Vision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driver-looking-car-side-view-mirror-making-sure-line-is-free-before-making-turn_158595-6681.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Full Frame Eyeglasses", price: "₹1,200+", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/female-student-rides-public-transport-public-transportation-people-concept_169016-66982.jpg" },
|
||||
{ id: "p2", name: "Designer Sunglasses", price: "₹1,500+", variant: "Trendy", imageSrc: "http://img.b2bpic.net/free-photo/attractive-pretty-young-woman-with-blond-hair-wearing-black-sunglasses-bright-summer-dress-posing-camera-with-happy-smile-background-summer-cafeteria_291650-1837.jpg" },
|
||||
{ id: "p3", name: "Contact Lenses", price: "₹800+", variant: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/eye-care-accessories-beige-background_23-2148320361.jpg" },
|
||||
{ id: "p4", name: "Color Lenses", price: "₹950+", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/white-sunglasses-near-bottle-shell_23-2148109264.jpg" },
|
||||
{ id: "p5", name: "Computer Glasses", price: "₹1,100+", variant: "Blue Light", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-smartphone_23-2148226921.jpg" },
|
||||
{ id: "p6", name: "Driving Lenses", price: "₹1,300+", variant: "Night Vision", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driver-looking-car-side-view-mirror-making-sure-line-is-free-before-making-turn_158595-6681.jpg" }
|
||||
]}
|
||||
title="Premium Collections"
|
||||
description="Wide range of frames to match every style and vision need."
|
||||
@@ -249,9 +123,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description={[
|
||||
"No Outsourcing: Every frame is fitted in-house by experienced technicians for precision you can trust.",
|
||||
"Honest Pricing: We provide premium quality without hidden costs or unfair markups.",
|
||||
"Personal Care: Since 1998, our customers are our family. We spend time helping you find the perfect lens.",
|
||||
"No Outsourcing: Every frame is fitted in-house by experienced technicians for precision you can trust.", "Honest Pricing: We provide premium quality without hidden costs or unfair markups.", "Personal Care: Since 1998, our customers are our family. We spend time helping you find the perfect lens."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -262,41 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Arjun Mehta",
|
||||
role: "Software Engineer",
|
||||
testimonial: "Royal Opticians is my go-to place. The blue light glasses really reduced my screen headaches.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sunita Sharma",
|
||||
role: "Architect",
|
||||
testimonial: "I have been coming here for 10 years. Expert fitting every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Vikram Singh",
|
||||
role: "Student",
|
||||
testimonial: "Great collection and very honest with their advice. Highly recommended for students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4011.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Pooja Verma",
|
||||
role: "Teacher",
|
||||
testimonial: "Free eye test was very thorough. Professional and kind service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rohan Khanna",
|
||||
role: "Business Owner",
|
||||
testimonial: "Fair pricing and excellent quality. They truly value their long-term customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Arjun Mehta", role: "Software Engineer", testimonial: "Royal Opticians is my go-to place. The blue light glasses really reduced my screen headaches.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg" },
|
||||
{ id: "t2", name: "Sunita Sharma", role: "Architect", testimonial: "I have been coming here for 10 years. Expert fitting every single time.", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg" },
|
||||
{ id: "t3", name: "Vikram Singh", role: "Student", testimonial: "Great collection and very honest with their advice. Highly recommended for students.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4011.jpg" },
|
||||
{ id: "t4", name: "Pooja Verma", role: "Teacher", testimonial: "Free eye test was very thorough. Professional and kind service.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg" },
|
||||
{ id: "t5", name: "Rohan Khanna", role: "Business Owner", testimonial: "Fair pricing and excellent quality. They truly value their long-term customers.", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-trying-eyeglasses-frames_23-2148273163.jpg" }
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our Chandigarh family says about us."
|
||||
@@ -306,67 +148,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Visit us at SCO 63, Sector 40C, Chandigarh. We are open 7 days a week, 10 AM – 9 PM. Book your free eye test now!"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/917087100467",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+917087100467",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp Now", href: "https://wa.me/917087100467" }, { text: "Call Now", href: "tel:+917087100467" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Address: SCO 63, Sector 40C, Chandigarh",
|
||||
},
|
||||
{
|
||||
label: "Phone: +91 7087100467",
|
||||
},
|
||||
{
|
||||
label: "Open Daily: 10AM - 9PM",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Eyeglasses",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Sunglasses",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Eye Test",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Address: SCO 63, Sector 40C, Chandigarh" }, { label: "Phone: +91 7087100467" }, { label: "Open Daily: 10AM - 9PM" }] },
|
||||
{ items: [{ label: "Eyeglasses", href: "#products" }, { label: "Sunglasses", href: "#products" }, { label: "Eye Test", href: "#contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }
|
||||
]}
|
||||
logoText="Royal Opticians"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user