Merge version_1 into main #1
442
src/app/page.tsx
442
src/app/page.tsx
@@ -16,355 +16,115 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="grid"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tiles",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sakshi Infra"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sakshi Infra"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Sakshi Infra: Building Excellence with Somany Tiles"
|
||||
description="Your premier partner for robust infrastructure solutions and premium flooring tiles, delivering durability and style to every project."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anil K.",
|
||||
handle: "@anil_infra",
|
||||
testimonial: "Exceptional quality and timely execution for our latest complex.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
|
||||
},
|
||||
{
|
||||
name: "Meera S.",
|
||||
handle: "@meera_decor",
|
||||
testimonial: "Somany Tiles collection at Sakshi Infra is simply unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rajesh V.",
|
||||
handle: "@rajesh_build",
|
||||
testimonial: "Reliable partner for all our construction needs. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya M.",
|
||||
handle: "@priya_design",
|
||||
testimonial: "Their attention to detail and material quality is fantastic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28896.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vikram L.",
|
||||
handle: "@vikram_dev",
|
||||
testimonial: "Professional team that truly cares about project longevity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124272.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tiles",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885659.jpg"
|
||||
imageAlt="Modern architectural tile showcase"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-different-artisan-workshop-objects_23-2148970783.jpg",
|
||||
alt: "Client Profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563128.jpg",
|
||||
alt: "Client Profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563174.jpg",
|
||||
alt: "Client Profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15356.jpg",
|
||||
alt: "Client Profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-team-work_23-2148480329.jpg",
|
||||
alt: "Client Profile",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Sakshi Infra: Building Excellence with Somany Tiles"
|
||||
description="Your premier partner for robust infrastructure solutions and premium flooring tiles, delivering durability and style to every project."
|
||||
testimonials={[
|
||||
{ name: "Anil K.", handle: "@anil_infra", testimonial: "Exceptional quality and timely execution for our latest complex.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg" },
|
||||
{ name: "Meera S.", handle: "@meera_decor", testimonial: "Somany Tiles collection at Sakshi Infra is simply unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ name: "Rajesh V.", handle: "@rajesh_build", testimonial: "Reliable partner for all our construction needs. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
|
||||
{ name: "Priya M.", handle: "@priya_design", testimonial: "Their attention to detail and material quality is fantastic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28896.jpg" },
|
||||
{ name: "Vikram L.", handle: "@vikram_dev", testimonial: "Professional team that truly cares about project longevity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124272.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Tiles", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885659.jpg"
|
||||
imageAlt="Modern architectural tile showcase"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/arrangement-different-artisan-workshop-objects_23-2148970783.jpg", alt: "Client Profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563128.jpg", alt: "Client Profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563174.jpg", alt: "Client Profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15356.jpg", alt: "Client Profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-team-work_23-2148480329.jpg", alt: "Client Profile" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Experience & Innovation"
|
||||
description="With years of expertise, Sakshi Infra Ventures bridges the gap between grand vision and flawless execution. We exclusively use premium Somany Tiles to ensure durability meets aesthetic brilliance."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architects-doing-teamwork-looking-each-other-discussing-blueprints-modern-architecture-office-team-two-architects-colleagues-working-together-urban-planning-project_482257-37792.jpg"
|
||||
imageAlt="Professional construction project development"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Experience & Innovation"
|
||||
description="With years of expertise, Sakshi Infra Ventures bridges the gap between grand vision and flawless execution."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architects-doing-teamwork-looking-each-other-discussing-blueprints-modern-architecture-office-team-two-architects-colleagues-working-together-urban-planning-project_482257-37792.jpg"
|
||||
imageAlt="Professional construction project development"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Infrastructure Engineering",
|
||||
description: "Robust structures built to last generations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-girl-enjoying-breakfast-with-boyfriend-laughing-man-drinking-coffee-with-wife_197531-12223.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/geometric-tiles-pattern_23-2148399278.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "Premium Material Sourcing",
|
||||
description: "Exclusive distribution of Somany Tiles and premium fixtures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building-construction_158595-6382.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384856.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "End-to-End Execution",
|
||||
description: "Full lifecycle support for residential and commercial projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-with-repair-paint-tools-top-view_23-2148393126.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We offer integrated construction and interior solutions designed for longevity."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Our Specialized Services"
|
||||
description="We offer integrated construction and interior solutions designed for longevity."
|
||||
features={[
|
||||
{ title: "Engineering", description: "Robust structures.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-girl-enjoying-breakfast-with-boyfriend-laughing-man-drinking-coffee-with-wife_197531-12223.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/geometric-tiles-pattern_23-2148399278.jpg", buttonText: "Read More" },
|
||||
{ title: "Sourcing", description: "Premium fixtures.", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building-construction_158595-6382.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384856.jpg", buttonText: "Read More" },
|
||||
{ title: "Execution", description: "End-to-End support.", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-with-repair-paint-tools-top-view_23-2148393126.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg", buttonText: "Read More" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Marble",
|
||||
price: "$120/sqft",
|
||||
variant: "Ceramic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-49.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wood Plank Tile",
|
||||
price: "$90/sqft",
|
||||
variant: "Porcelain",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-laminated-flooring-boards-gray_231208-4217.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Geometric",
|
||||
price: "$75/sqft",
|
||||
variant: "Ceramic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-geometric-pattern-orange-yellow-red-stoneware-mosaic-texture-background-modern-style-wall-background_1258-69271.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Outdoor Paving",
|
||||
price: "$85/sqft",
|
||||
variant: "Robust",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587759.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mosaic Decor",
|
||||
price: "$150/sqft",
|
||||
variant: "Glass",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hexagon-pink-marble-tiles-patterned-background_53876-101599.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Commercial Slab",
|
||||
price: "$200/sqft",
|
||||
variant: "High-Grade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Tile Collection"
|
||||
description="Select from our vast range of tiles crafted for perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="Our Tile Collection"
|
||||
description="Select from our range of tiles."
|
||||
products={[
|
||||
{ id: "p1", name: "Luxury Marble", price: "$120", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-49.jpg" },
|
||||
{ id: "p2", name: "Wood Plank", price: "$90", variant: "Porcelain", imageSrc: "http://img.b2bpic.net/free-photo/bright-laminated-flooring-boards-gray_231208-4217.jpg" },
|
||||
{ id: "p3", name: "Modern Geo", price: "$75", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-geometric-pattern-orange-yellow-red-stoneware-mosaic-texture-background-modern-style-wall-background_1258-69271.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Built on Reliability"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20K+",
|
||||
description: "Tiles Delivered",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Industry Awards",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Project"
|
||||
description="Get in touch today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
company: "TechHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-blue-house-hands_23-2147694208.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "CTO",
|
||||
company: "Innovate Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Architect",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-serving_23-2147821230.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Owner",
|
||||
company: "Startup XYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-wearing-safety-helmet_176474-86044.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B.",
|
||||
role: "Manager",
|
||||
company: "Future Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "10Y",
|
||||
label: "Durability",
|
||||
},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Delivery",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our partners have to say about the quality we bring to their spaces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Infrastructure Pro",
|
||||
"Somany Global",
|
||||
"Urban Building",
|
||||
"Concrete Giants",
|
||||
"Modern Structures",
|
||||
"Real Estate Partners",
|
||||
"Global Engineering",
|
||||
]}
|
||||
title="Industry Partners & Affiliations"
|
||||
description="Collaborating with leading builders and material specialists globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Dream Project"
|
||||
description="Get in touch with Sakshi Infra Ventures today for a personalized consultation on your construction or tiling needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sakshi Infra Ventures"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sakshi Infra Ventures"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Use", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user