bender/571c2caa-dfef-4445-97ab-c39bf0c1d765
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 5 commits from version_2 into main 2026-03-28 04:56:25 +00:00
Conversation 0 Commits 5 Files Changed 5 +141 -138
5 changed files with 141 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/cart/page.tsx Normal file
View File

@@ -0,0 +1,27 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCart from '@/components/ecommerce/cart/ProductCart';
export default function CartPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Cart", id: "/cart" },
{ name: "Checkout", id: "/checkout" }
]}
brandName="E-Store"
/>
<div className="pt-24 pb-12">
<ProductCart isOpen={true} onClose={() => {}} items={[]} total="₹0" buttons={[{ text: "Proceed to Checkout", href: "/checkout" }]} />
</div>
</ReactLenis>
</ThemeProvider>
);
}

27
src/app/checkout/page.tsx Normal file
View File

@@ -0,0 +1,27 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function CheckoutPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Cart", id: "/cart" },
{ name: "Checkout", id: "/checkout" }
]}
brandName="E-Store"
/>
<div className="min-h-screen pt-32 px-6 text-center">
<h1 className="text-4xl font-bold mb-4">Checkout</h1>
<p>Secure payment portal under construction.</p>
</div>
</ReactLenis>
</ThemeProvider>
);
}

179
src/app/page.tsx
View File

@@ -9,6 +9,8 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
export default function LandingPage() {
return (
@@ -28,26 +30,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Products",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Products", id: "products" },
{ name: "Tools", id: "tools" },
{ name: "Strategy", id: "strategy" },
{ name: "About", id: "about" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="E-Store"
/>
@@ -55,36 +44,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Style That Speaks Volumes"
description="Discover premium quality products curated for your modern lifestyle. Fast delivery across India."
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/premium-clothing-showcase-hero-banner-fo-1774673703512-e98bd6df.png",
imageAlt: "Fashion",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/professional-tech-gadgets-display-on-a-c-1774673703226-5b5b7faf.png",
imageAlt: "Tech",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/artisanal-handcrafted-goods-on-a-wooden--1774673701932-56720ca7.png",
imageAlt: "Artisan",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/modern-lifestyle-accessories-displayed-n-1774673701205-3db5b547.png",
imageAlt: "Accessories",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/luxury-jewelry-or-small-item-focus-on-a--1774673701273-3a5d2eb9.png",
imageAlt: "Jewelry",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/dynamic-fitness-clothing-and-gear-active-1774673702505-7b766b92.png",
imageAlt: "Fitness",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/premium-clothing-showcase-hero-banner-fo-1774673703512-e98bd6df.png", imageAlt: "Fashion" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/professional-tech-gadgets-display-on-a-c-1774673703226-5b5b7faf.png", imageAlt: "Tech" },
]}
/>
</div>
@@ -94,40 +59,46 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Premium Jacket",
price: "₹2,999",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/high-quality-fashion-jacket-white-backgr-1774673701444-4d77b32f.png",
},
{
id: "2",
name: "Wireless Audio",
price: "₹4,599",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/modern-wireless-headphones-clean-design--1774673701251-3b3d5bf6.png",
},
{
id: "3",
name: "Leather Handbag",
price: "₹1,899",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/handcrafted-leather-bag-high-quality-mat-1774673701846-dcc8cc5a.png",
},
{ id: "1", name: "Premium Jacket", price: "₹2,999", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/high-quality-fashion-jacket-white-backgr-1774673701444-4d77b32f.png" },
{ id: "2", name: "Wireless Audio", price: "₹4,599", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/modern-wireless-headphones-clean-design--1774673701251-3b3d5bf6.png" },
{ id: "3", name: "Leather Handbag", price: "₹1,899", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/handcrafted-leather-bag-high-quality-mat-1774673701846-dcc8cc5a.png" },
]}
title="Trending Now"
description="Our most popular picks of the season."
/>
</div>
<div id="tools" data-section="tools">
<FeatureCardEight
title="E-commerce Toolset"
description="Free and paid tools to streamline operations."
textboxLayout="default"
features={[
{ id: 1, title: "Marketing Automation", description: "Mailchimp (Free tier available) for email campaigns.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=200&h=200" },
{ id: 2, title: "Advanced Analytics", description: "Google Analytics & Shopify Insights for data-driven decisions.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=200&h=200" }
]}
/>
</div>
<div id="strategy" data-section="strategy">
<TimelineHorizontalCardStack
title="Business Growth Roadmap"
description="Step-by-step plan for scaling revenue and profit."
textboxLayout="default"
>
<p>1. Foundation: Inventory & Logistics Optimization.</p>
<p>2. Growth: Customer Acquisition through Social Ads.</p>
<p>3. Retention: Loyalty Programs for long-term profit.</p>
</TimelineHorizontalCardStack>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Why Choose Us?"
description={[
"At E-Store, we prioritize quality, authenticity, and customer satisfaction. We connect artisans and brands directly to your doorstep with minimal friction and maximum reliability.",
"Whether you are looking for the latest in fashion or essential daily tech, our platform ensures a smooth shopping experience tailored for India.",
]}
"At E-Store, we prioritize quality, authenticity, and customer satisfaction.", "Our platform ensures a smooth shopping experience tailored for India."]}
/>
</div>
@@ -136,21 +107,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What payment methods do you accept?",
content: "We accept UPI, Credit/Debit cards, and all major digital wallets.",
},
{
id: "f2",
title: "How long does shipping take?",
content: "Orders are typically delivered within 3-7 business days across India.",
},
{
id: "f3",
title: "Do you offer returns?",
content: "Yes, we have a 7-day hassle-free return policy on most items.",
},
{ id: "f1", title: "What payment methods?", content: "UPI, Cards, Wallets." },
{ id: "f2", title: "Shipping?", content: "3-7 business days." },
]}
title="Common Questions"
description="Everything you need to know about shopping with us."
@@ -161,58 +119,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
text="Ready to get started? Reach out to our support team for any queries."
buttons={[
{
text: "Contact Support",
href: "mailto:support@estore.com",
},
]}
background={{ variant: "sparkles-gradient" }}
text="Need consulting on your monetization strategy?"
buttons={[{ text: "Reach Out", href: "mailto:support@estore.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop",
href: "#products",
},
{
label: "About",
href: "#about",
},
],
},
{
items: [
{
label: "Support",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "Shop", href: "#products" }, { label: "Tools", href: "#tools" }] },
{ items: [{ label: "Strategy", href: "#strategy" }, { label: "Contact", href: "#contact" }] },
]}
logoText="E-Store"
/>
@@ -220,4 +137,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

32
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,32 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
export default function ProductListingPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Cart", id: "/cart" },
{ name: "Checkout", id: "/checkout" }
]}
brandName="E-Store"
/>
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
title="All Products"
description="Browse our full collection."
products={[]}
/>
</ReactLenis>
</ThemeProvider>
);
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00e6;
--primary-cta: #E34400;
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #000000;
--secondary-cta-text: #120a00e6;
--accent: #e2e2e2;
--background-accent: #E34400;
--accent: #535353;
--background-accent: #106EFB;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);