293 lines
16 KiB
TypeScript
293 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, CalendarCheck, DollarSign, Eye, ShieldCheck, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Why Choose Us", id: "#features"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "Gallery", id: "#gallery"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Raaz Optical"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="See the World in Perfect Clarity & Style"
|
|
description="Experience unparalleled vision care and discover our exquisite collection of premium eyewear designed for your unique style and comfort. Welcome to Raaz Optical."
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+919313861499"},
|
|
{
|
|
text: "Visit Our Store", href: "#contact"},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-looking-white-blank-paper-optics-shop_23-2148241446.jpg"
|
|
imageAlt="Stylish eyewear collection in a luxurious setting"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="About Raaz Optical"
|
|
description="At Raaz Optical, we are committed to providing exceptional eye care and a curated selection of premium eyewear. With years of trusted service in Una, Gujarat, we pride ourselves on customer satisfaction, offering personalized solutions for your vision needs. From comprehensive eye testing to the latest frames, we ensure clarity, comfort, and style."
|
|
tagAnimation="blur-reveal"
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-getting-her-eyes-checked_23-2150758535.jpg"
|
|
imageAlt="Professional optician assisting a customer with eyewear selection"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Premium Quality", description: "We offer only the highest quality lenses and frames from renowned brands, ensuring durability and superior vision.", icon: Award,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-student-holding-eyeglasses_1262-15064.jpg", imageAlt: "Premium quality eyeglasses"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sunglasses-arrangement-table_23-2148922399.jpg", imageAlt: "Premium quality eyeglasses"},
|
|
]
|
|
},
|
|
{
|
|
title: "Trusted Service", description: "With 32 five-star reviews, our commitment to exceptional customer service and satisfaction speaks for itself.", icon: ShieldCheck,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-ophthalmologist-s-office_23-2150917652.jpg", imageAlt: "Trusted customer service"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/child-eye-test-eye-exam-little-girl-having-eye-check-up-with-phoropter-doctor-performs-eye-test-child_1157-41952.jpg", imageAlt: "Trusted customer service"},
|
|
]
|
|
},
|
|
{
|
|
title: "Stylish Collection", description: "Explore our diverse range of fashionable frames and sunglasses, catering to every taste and trend.", icon: Eye,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mirrored-sunglasses_1339-3094.jpg", imageAlt: "Stylish frames collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-city_1157-8779.jpg", imageAlt: "Stylish frames collection"},
|
|
]
|
|
},
|
|
{
|
|
title: "Affordable Pricing", description: "Luxury vision care and stylish eyewear don't have to break the bank. We offer competitive pricing for all budgets.", icon: DollarSign,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/contact-lenses-eyes-with-container-their-storage_185193-162006.jpg?_wi=1", imageAlt: "Affordable pricing for sunglasses"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-woman-trendy-summer-clothes-sexy-carefree-woman-posing-street-background-sunset-positive-model-outdoors-cheerful-happy-sunglasses_158538-26039.jpg", imageAlt: "Affordable pricing for sunglasses"},
|
|
]
|
|
},
|
|
{
|
|
title: "Expert Guidance", description: "Our experienced optometrists provide precise eye testing and personalized recommendations for your optimal vision.", icon: Eye,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-749.jpg?_wi=1", imageAlt: "Expert eye testing guidance"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-her-eyes-checked_23-2150758541.jpg", imageAlt: "Expert eye testing guidance"},
|
|
]
|
|
}
|
|
]}
|
|
title="Why Choose Raaz Optical?"
|
|
description="Experience the difference with our dedication to quality, style, and personalized care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "product-1", name: "Prescription Glasses", price: "Starting from ₹1999", variant: "Customizable frames & lenses", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-handsome-elegant-man-glasses-suit-with-beautiful-sexy-woman-colorful-dress-white_158538-11205.jpg", imageAlt: "Stylish prescription glasses"},
|
|
{
|
|
id: "product-2", name: "Premium Sunglasses", price: "Starting from ₹2499", variant: "UV protection & polarized options", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-female-with-cheeeful-expression-wears-trendy-red-sunglasses_273609-3299.jpg", imageAlt: "Luxury sunglasses"},
|
|
{
|
|
id: "product-3", name: "Contact Lenses", price: "Starting from ₹899", variant: "Daily, weekly & monthly options", imageSrc: "http://img.b2bpic.net/free-photo/contact-lenses-eyes-with-container-their-storage_185193-162006.jpg?_wi=2", imageAlt: "Contact lenses pack"},
|
|
{
|
|
id: "product-4", name: "Comprehensive Eye Testing", price: "Book Now", variant: "Advanced diagnostic services", imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230049.jpg", imageAlt: "Eye testing equipment"},
|
|
{
|
|
id: "product-5", name: "Designer Frames Collection", price: "Explore Styles", variant: "Latest fashion trends", imageSrc: "http://img.b2bpic.net/free-photo/glasses-white-background-straight-view-advertising-photo-rounded-metal-eyewear-fashion-optical-concept_1157-41959.jpg", imageAlt: "Variety of designer frames"},
|
|
{
|
|
id: "product-6", name: "Kids Eyewear", price: "Starting from ₹1299", variant: "Durable & playful designs", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-749.jpg?_wi=2", imageAlt: "Colorful kids eyewear"},
|
|
]}
|
|
title="Our Products & Services"
|
|
description="Discover our extensive range of vision solutions and stylish eyewear for every need."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "gallery-1", name: "Elegant Interiors", price: "", variant: "Modern store design", imageSrc: "http://img.b2bpic.net/free-photo/little-boy-playing-with-toilet-paper_23-2148544594.jpg", imageAlt: "Luxury optical store interior"},
|
|
{
|
|
id: "gallery-2", name: "Curated Displays", price: "", variant: "Artistic eyewear arrangements", imageSrc: "http://img.b2bpic.net/free-photo/business-chair-beauty-beautiful-cafe_1303-1773.jpg", imageAlt: "Minimalist eyewear display"},
|
|
{
|
|
id: "gallery-3", name: "Welcoming Ambiance", price: "", variant: "Comfort and sophistication", imageSrc: "http://img.b2bpic.net/free-photo/front-view-optical-sunglasses-modern-grey-desk-isolated-sight-vision-eyes_140725-18282.jpg", imageAlt: "Elegant reception area"},
|
|
{
|
|
id: "gallery-4", name: "Expert Consultation", price: "", variant: "Personalized service experience", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-black-frames-arrangement_23-2149082488.jpg", imageAlt: "Consultation at optical store"},
|
|
{
|
|
id: "gallery-5", name: "Finest Details", price: "", variant: "Craftsmanship in every frame", imageSrc: "http://img.b2bpic.net/free-photo/felicidad-personas-femenino-alegria-joven_1301-1644.jpg", imageAlt: "Close-up of luxury eyeglasses"},
|
|
{
|
|
id: "gallery-6", name: "Spacious Showroom", price: "", variant: "Explore our full range", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9450.jpg", imageAlt: "Panoramic optical showroom"}
|
|
]}
|
|
title="Our Luxury Optical Gallery"
|
|
description="Step into the world of Raaz Optical. A glimpse of our elegant store and premium eyewear displays."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="“Raaz Optical provided an exceptional experience from start to finish. The eye testing was thorough, and their collection of frames is simply stunning. I found the perfect pair of glasses, and the customer service was outstanding. Highly recommend for anyone looking for premium eyewear and trustworthy service!”"
|
|
rating={5}
|
|
author="Priya Sharma"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Sarah Johnson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg", alt: "Michael Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-wrinkled-fashionable-granny-wearing-glasses-sweater_273609-35366.jpg", alt: "Emily Rodriguez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-woman-posing-with-horn-gesture-selfie_1262-5168.jpg", alt: "David Kim"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-home-sitting-glasses-kitchen_1258-202985.jpg", alt: "Jessica Lee"},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "32+", title: "Satisfied Reviews", description: "Customers love our service and products.", icon: Users,
|
|
},
|
|
{
|
|
id: "m2", value: "5 Stars", title: "Average Rating", description: "Consistently excellent feedback.", icon: Star,
|
|
},
|
|
{
|
|
id: "m3", value: "Years", title: "Experience", description: "Serving Una with passion and expertise.", icon: CalendarCheck,
|
|
},
|
|
]}
|
|
title="Trusted by the Community"
|
|
description="Our commitment to excellence shines through in every interaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Visit Us or Say Hello"
|
|
description="We'd love to assist you. Contact us for appointments, inquiries, or visit our store for a personalized experience.\n\n**Address:** ST Complex, Saiyed Wada, Una, Gujarat 362560\n\n**Phone:** +91 9313861499, +91 9624961503\n\n[Open in Google Maps](https://www.google.com/maps/place/ST+Complex,+Saiyed+Wada,+Una,+Gujarat+362560)"
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-eyeglasses-with-plastic-frame_23-2148290426.jpg"
|
|
imageAlt="Raaz Optical Storefront"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your name"
|
|
buttonText="Send Message"
|
|
termsText="By sending this message, you agree to our Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Raaz Optical"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Products", href: "#products"},
|
|
{
|
|
label: "Reviews", href: "#reviews"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact Info", items: [
|
|
{
|
|
label: "ST Complex, Saiyed Wada, Una, Gujarat 362560", href: "https://www.google.com/maps/place/ST+Complex,+Saiyed+Wada,+Una,+Gujarat+362560"},
|
|
{
|
|
label: "+91 9313861499", href: "tel:+919313861499"},
|
|
{
|
|
label: "+91 9624961503", href: "tel:+919624961503"},
|
|
{
|
|
label: "info@raazoptical.com", href: "mailto:info@raazoptical.com"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Raaz Optical. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|