124 lines
5.7 KiB
TypeScript
124 lines
5.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import LegalSection from '@/components/legal/LegalSection';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Sarso Ghar"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Pure Kachi Ghani Mustard Oil Delivered Fresh"
|
|
description="Locally produced. Traditionally extracted. Trusted by families in Noida."
|
|
testimonials={[
|
|
{ name: "Anita Sharma", handle: "@anita_noida", testimonial: "The purity of Sarso Ghar oil is unmatched. My kitchen feels complete now.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w2buvx" },
|
|
{ name: "Rahul Verma", handle: "@rahul_chef", testimonial: "Authentic flavor that takes me back to my village home. Simply the best.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twzxil" },
|
|
{ name: "Priya Gupta", handle: "@priya_kitchen", testimonial: "Finally a reliable source for cold-pressed oil in Noida. Highly recommend.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ld29o7" },
|
|
{ name: "Sanjay Singh", handle: "@sanjay_foodie", testimonial: "The aroma and quality are visibly different from market brands.", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gkx59g" },
|
|
{ name: "Meera Iyer", handle: "@meera_healthy", testimonial: "Pure, natural, and transparent sourcing. My family is satisfied.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5rvf0" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "/shop" },
|
|
{ text: "Subscribe Monthly", href: "/subscription" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twzxil"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "100% Natural", description: "No chemicals, no heat extraction.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ld29o7" },
|
|
{ title: "Traditional Method", description: "Authentic Kachi Ghani technology.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gkx59g" },
|
|
{ title: "Local Delivery", description: "Fresh from Noida farm to your kitchen.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5rvf0" }
|
|
]}
|
|
title="Why Choose Sarso Ghar"
|
|
description="Experience the difference of traditional purity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Choose Your Plan"
|
|
description="Flexible delivery plans for regular home requirements."
|
|
plans={[
|
|
{ id: "sub1", badge: "Popular", price: "₹1200", subtitle: "Monthly Subscription", features: ["1L Oil Delivery", "Free Home Delivery", "Priority Support"] },
|
|
{ id: "sub2", badge: "Savings", price: "₹5500", subtitle: "Family Bulk", features: ["5L Oil Delivery", "Monthly Delivery", "Discounted Pricing"] }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="legal" data-section="legal">
|
|
<LegalSection
|
|
layout="section"
|
|
title="Terms of Service"
|
|
sections={[
|
|
{ heading: "Use Agreement", type: "paragraph", text: "By accessing Sarso Ghar, you agree to our quality standards and delivery policies." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Support"
|
|
title="Need Help Ordering?"
|
|
description="Our team in Noida is ready to assist you with any inquiries regarding our products."
|
|
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Shop", items: [{ label: "Mustard Oil", href: "/shop" }, { label: "Subscriptions", href: "/subscription" }] },
|
|
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }
|
|
]}
|
|
logoText="Sarso Ghar"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|