bender/cd25f372-0401-40b8-afd0-56982c19ed50
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 12:58:52 +00:00
parent 6cf6e8a265
commit 678de538bd
1 changed files with 175 additions and 442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

617
src/app/page.tsx
View File

@@ -29,457 +29,190 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Products",
id: "products",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Rohit Sanitary"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Products", id: "products" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" }
]}
brandName="Rohit Sanitary"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
title="Exquisite Sanitary Ware for Modern Living"
description="Redefine your lifestyle with Rohit Sanitary's premium collection of sanitary fixtures, where durability meets contemporary elegance."
kpis={[
{
value: "15+",
label: "Years Experience",
},
{
value: "5k+",
label: "Happy Clients",
},
{
value: "100%",
label: "Quality Assured",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Explore Products",
href: "#products",
},
{
text: "Contact Us",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/sink_74190-1965.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929568.jpg",
alt: "Modern interior design interior",
},
{
src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199302.jpg",
alt: "Interior design in neoclassical style with furnishings and decor",
},
{
src: "http://img.b2bpic.net/free-photo/sink-hotel-near_1203-1314.jpg",
alt: "Sink hotel near",
},
{
src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349280.jpg",
alt: "Neon robot vacuum cleaner",
},
{
src: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg",
alt: "Architect showing a miniature house",
},
]}
avatarText="Trusted by 500+ design professionals"
marqueeItems={[
{
type: "text",
text: "Premium Quality",
},
{
type: "text-icon",
text: "Fast Delivery",
icon: Truck,
},
{
type: "text",
text: "Expert Support",
},
{
type: "text-icon",
text: "Eco-Friendly",
icon: Leaf,
},
{
type: "text",
text: "Lifetime Warranty",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "gradient-bars" }}
title="Exquisite Sanitary Ware for Modern Living"
description="Redefine your lifestyle with Rohit Sanitary's premium collection of sanitary fixtures, where durability meets contemporary elegance."
kpis={[
{ value: "15+", label: "Years Experience" },
{ value: "5k+", label: "Happy Clients" },
{ value: "100%", label: "Quality Assured" }
]}
enableKpiAnimation={true}
buttons={[
{ text: "Explore Products", href: "#products" },
{ text: "Contact Us", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/sink_74190-1965.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929568.jpg", alt: "Modern interior design" },
{ src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199302.jpg", alt: "Interior design" },
{ src: "http://img.b2bpic.net/free-photo/sink-hotel-near_1203-1314.jpg", alt: "Sink hotel near" },
{ src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349280.jpg", alt: "Neon robot" },
{ src: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg", alt: "Architect" }
]}
avatarText="Trusted by 500+ design professionals"
marqueeItems={[
{ type: "text", text: "Premium Quality" },
{ type: "text-icon", text: "Fast Delivery", icon: Truck },
{ type: "text", text: "Expert Support" },
{ type: "text-icon", text: "Eco-Friendly", icon: Leaf },
{ type: "text", text: "Lifetime Warranty" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Legacy of Quality and Trust"
description="Rohit Sanitary brings years of excellence in sourcing and providing the most durable and aesthetically pleasing sanitary ware solutions for your dream projects."
metrics={[
{
value: "500+",
title: "Models Available",
},
{
value: "24/7",
title: "Customer Support",
},
{
value: "Global",
title: "Sourcing Standards",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/silver-basin-mixer-isolated-gray-background_181624-59278.jpg?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Legacy of Quality and Trust"
description="Rohit Sanitary brings years of excellence in sourcing and providing the most durable and aesthetically pleasing sanitary ware solutions for your dream projects."
metrics={[
{ value: "500+", title: "Models Available" },
{ value: "24/7", title: "Customer Support" },
{ value: "Global", title: "Sourcing Standards" }
]}
imageSrc="http://img.b2bpic.net/free-photo/silver-basin-mixer-isolated-gray-background_181624-59278.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Superior Durability",
description: "Materials engineered to withstand daily use while retaining shine and functionality.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095319.jpg",
imageAlt: "Durability",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-towel-head-posing-sitting-edge-luxury-apartment-bottom-view-smiling_7502-10243.jpg",
imageAlt: "Durability",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-1965.jpg?_wi=2",
imageAlt: "modern toilet design luxury",
},
{
title: "Contemporary Aesthetics",
description: "Clean lines and modern designs that blend seamlessly into any home decor.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-bathroom_23-2149168582.jpg",
imageAlt: "Design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-space-with-modern-style-interior-design_23-2150864702.jpg",
imageAlt: "Design",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/silver-basin-mixer-isolated-gray-background_181624-59278.jpg?_wi=2",
imageAlt: "modern toilet design luxury",
},
{
title: "Expert Guidance",
description: "Our team helps you select fixtures that perfectly match your project requirements.",
icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg",
imageAlt: "Expertise",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160786.jpg",
imageAlt: "Expertise",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design_23-2150700290.jpg?_wi=1",
imageAlt: "modern toilet design luxury",
},
]}
title="Why Choose Rohit Sanitary"
description="We prioritize quality, longevity, and design innovation in every piece we provide."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Why Choose Rohit Sanitary"
description="We prioritize quality, longevity, and design innovation in every piece we provide."
features={[
{
title: "Superior Durability", description: "Materials engineered to withstand daily use while retaining shine and functionality.", icon: Shield,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095319.jpg", imageAlt: "Durability" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-towel-head-posing-sitting-edge-luxury-apartment-bottom-view-smiling_7502-10243.jpg", imageAlt: "Durability" }
]
},
{
title: "Contemporary Aesthetics", description: "Clean lines and modern designs that blend seamlessly into any home decor.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-bathroom_23-2149168582.jpg", imageAlt: "Design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-space-with-modern-style-interior-design_23-2150864702.jpg", imageAlt: "Design" }
]
},
{
title: "Expert Guidance", description: "Our team helps you select fixtures that perfectly match your project requirements.", icon: Award,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg", imageAlt: "Expertise" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160786.jpg", imageAlt: "Expertise" }
]
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Elite Wall-Mount Toilet",
price: "$450",
variant: "Porcelain",
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design_23-2150700290.jpg?_wi=2",
},
{
id: "p2",
name: "Marble Counter Basin",
price: "$290",
variant: "Stone",
imageSrc: "http://img.b2bpic.net/free-photo/sink-hotel-near_1203-1315.jpg",
},
{
id: "p3",
name: "Rainfall Shower Head",
price: "$180",
variant: "Nickel",
imageSrc: "http://img.b2bpic.net/free-photo/handshower-bathroom_1204-359.jpg",
},
{
id: "p4",
name: "LED Smart Mirror",
price: "$320",
variant: "Smart",
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bamboo-eco-brushes-white-background_169016-28343.jpg",
},
{
id: "p5",
name: "Freestanding Bath",
price: "$890",
variant: "Minimal",
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178886.jpg",
},
{
id: "p6",
name: "Designer Faucet Set",
price: "$150",
variant: "Chrome",
imageSrc: "http://img.b2bpic.net/free-photo/pro-kitchen-sprayer-sleek-sink-stone-backsplash_169016-69285.jpg",
},
]}
title="Premium Collection"
description="Hand-picked fixtures that blend luxury with unmatched quality standards."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
title="Premium Collection"
description="Hand-picked fixtures that blend luxury with unmatched quality standards."
products={[
{ id: "p1", name: "Elite Wall-Mount Toilet", price: "$450", variant: "Porcelain", imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design_23-2150700290.jpg" },
{ id: "p2", name: "Marble Counter Basin", price: "$290", variant: "Stone", imageSrc: "http://img.b2bpic.net/free-photo/sink-hotel-near_1203-1315.jpg" },
{ id: "p3", name: "Rainfall Shower Head", price: "$180", variant: "Nickel", imageSrc: "http://img.b2bpic.net/free-photo/handshower-bathroom_1204-359.jpg" },
{ id: "p4", name: "LED Smart Mirror", price: "$320", variant: "Smart", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bamboo-eco-brushes-white-background_169016-28343.jpg" },
{ id: "p5", name: "Freestanding Bath", price: "$890", variant: "Minimal", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178886.jpg" },
{ id: "p6", name: "Designer Faucet Set", price: "$150", variant: "Chrome", imageSrc: "http://img.b2bpic.net/free-photo/pro-kitchen-sprayer-sleek-sink-stone-backsplash_169016-69285.jpg" }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Entry",
price: "Custom",
subtitle: "For compact home renovations",
buttons: [
{
text: "Consult",
href: "#contact",
},
],
features: [
"Essentials included",
"2-year warranty",
],
},
{
id: "pro",
badge: "Recommended",
price: "Custom",
subtitle: "For villas and large homes",
buttons: [
{
text: "Consult",
href: "#contact",
},
],
features: [
"Full suite included",
"5-year warranty",
"Priority installation",
],
},
{
id: "enterprise",
badge: "Commercial",
price: "Custom",
subtitle: "For commercial buildings",
buttons: [
{
text: "Consult",
href: "#contact",
},
],
features: [
"Bulk pricing",
"Lifetime support",
"Design consultation",
],
},
]}
title="Project Packages"
description="Custom curated packages for residential and commercial construction projects."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Project Packages"
description="Custom curated packages for residential and commercial construction projects."
plans={[
{ id: "basic", badge: "Entry", price: "Custom", subtitle: "For compact home renovations", buttons: [{ text: "Consult", href: "#contact" }], features: ["Essentials included", "2-year warranty"] },
{ id: "pro", badge: "Recommended", price: "Custom", subtitle: "For villas and large homes", buttons: [{ text: "Consult", href: "#contact" }], features: ["Full suite included", "5-year warranty", "Priority installation"] },
{ id: "enterprise", badge: "Commercial", price: "Custom", subtitle: "For commercial buildings", buttons: [{ text: "Consult", href: "#contact" }], features: ["Bulk pricing", "Lifetime support", "Design consultation"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex Peterson",
handle: "@alex_b",
testimonial: "The quality is simply unmatched. Delivered everything on time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
},
{
id: "2",
name: "Sarah Chen",
handle: "@schen_arch",
testimonial: "Fantastic range and very knowledgeable support team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-selecting-surfboard_107420-94954.jpg",
},
{
id: "3",
name: "Michael Ross",
handle: "@mross_dev",
testimonial: "Perfect fit for our residential project. Very satisfied.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg",
},
{
id: "4",
name: "Julia Khan",
handle: "@julia_k",
testimonial: "The aesthetic design options really upgraded my bathroom look.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-boy_23-2148436118.jpg",
},
{
id: "5",
name: "David Miller",
handle: "@dmiller_build",
testimonial: "Excellent bulk pricing and reliable delivery.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg",
},
]}
showRating={true}
title="Client Success Stories"
description="See why builders and homeowners trust Rohit Sanitary for their essential projects."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showRating={true}
title="Client Success Stories"
description="See why builders and homeowners trust Rohit Sanitary for their essential projects."
testimonials={[
{ id: "1", name: "Alex Peterson", handle: "@alex_b", testimonial: "The quality is simply unmatched. Delivered everything on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
{ id: "2", name: "Sarah Chen", handle: "@schen_arch", testimonial: "Fantastic range and very knowledgeable support team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-selecting-surfboard_107420-94954.jpg" },
{ id: "3", name: "Michael Ross", handle: "@mross_dev", testimonial: "Perfect fit for our residential project. Very satisfied.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg" },
{ id: "4", name: "Julia Khan", handle: "@julia_k", testimonial: "The aesthetic design options really upgraded my bathroom look.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-boy_23-2148436118.jpg" },
{ id: "5", name: "David Miller", handle: "@dmiller_build", testimonial: "Excellent bulk pricing and reliable delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer installation services?",
content: "We provide expert guidance and recommendations, though direct installation is usually coordinated with your contractor.",
},
{
id: "q2",
title: "What is the warranty period?",
content: "We offer industry-leading warranties ranging from 2 to 5 years depending on the specific product category.",
},
{
id: "q3",
title: "Can I see products in person?",
content: "Yes, visit our main showroom for an interactive experience with our collection.",
},
]}
title="Common Questions"
description="Get answers to everything you need to know about our products and installation support."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
title="Common Questions"
description="Get answers to everything you need to know about our products and installation support."
faqsAnimation="slide-up"
faqs={[
{ id: "q1", title: "Do you offer installation services?", content: "We provide expert guidance and recommendations, though direct installation is usually coordinated with your contractor." },
{ id: "q2", title: "What is the warranty period?", content: "We offer industry-leading warranties ranging from 2 to 5 years depending on the specific product category." },
{ id: "q3", title: "Can I see products in person?", content: "Yes, visit our main showroom for an interactive experience with our collection." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Ready to Start?"
title="Let's Build Your Perfect Bathroom"
description="Send us your project inquiry today, and our team will get back to you with competitive quotes and design advice."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Ready to Start?"
title="Let's Build Your Perfect Bathroom"
description="Send us your project inquiry today, and our team will get back to you with competitive quotes and design advice."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Rohit Sanitary"
columns={[
{
title: "Shop",
items: [
{
label: "Collections",
href: "#products",
},
{
label: "Inquiry",
href: "#contact",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#hero",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Rohit Sanitary"
columns={[
{ title: "Shop", items: [{ label: "Collections", href: "#products" }, { label: "Inquiry", href: "#contact" }] },
{ title: "Company", items: [{ label: "About", href: "#hero" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);