Merge version_2 into main #1
243
src/app/page.tsx
243
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
@@ -32,51 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Collections", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "DM for Custom Orders",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "DM for Custom Orders", href: "#contact"}}
|
||||
brandName="Smart Art"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Handcrafted Memories That Last Forever"
|
||||
description="Personalized vintage-style gifts & keepsakes by Yashi Chauhan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Order Custom Gift",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Order Custom Gift", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flaky-cookie-bundle-needlegrass-stalks-marble-surface_114579-75187.jpg"
|
||||
imageAlt="Handcrafted memory keepsakes"
|
||||
@@ -90,36 +65,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vintage Photo Frames",
|
||||
description: "Elegant frames perfect for cherished memories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-with-shadow_23-2148863479.jpg",
|
||||
},
|
||||
{
|
||||
title: "Memory Albums",
|
||||
description: "Personalized scrapbooks telling your unique story.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-magnifying-glass_23-2149600129.jpg",
|
||||
},
|
||||
{
|
||||
title: "Keepsake Boxes",
|
||||
description: "Thoughtful, emotional custom memory boxes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gifts-wrapped-brown_1220-754.jpg",
|
||||
},
|
||||
{
|
||||
title: "Greeting Cards",
|
||||
description: "Handmade letters and custom greeting cards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/love-letter-note-with-collection-romantic-stationery_23-2150636552.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gift Hampers",
|
||||
description: "Premium hampers for every special occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg",
|
||||
},
|
||||
{
|
||||
title: "Custom Keychains",
|
||||
description: "Beautiful, aesthetic handmade keychains.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-new-year-preparations_23-2148334999.jpg",
|
||||
},
|
||||
{ title: "Vintage Photo Frames", description: "Elegant frames perfect for cherished memories.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-with-shadow_23-2148863479.jpg" },
|
||||
{ title: "Memory Albums", description: "Personalized scrapbooks telling your unique story.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-magnifying-glass_23-2149600129.jpg" },
|
||||
{ title: "Keepsake Boxes", description: "Thoughtful, emotional custom memory boxes.", imageSrc: "http://img.b2bpic.net/free-photo/gifts-wrapped-brown_1220-754.jpg" },
|
||||
{ title: "Greeting Cards", description: "Handmade letters and custom greeting cards.", imageSrc: "http://img.b2bpic.net/free-photo/love-letter-note-with-collection-romantic-stationery_23-2150636552.jpg" },
|
||||
{ title: "Gift Hampers", description: "Premium hampers for every special occasion.", imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg" },
|
||||
{ title: "Custom Keychains", description: "Beautiful, aesthetic handmade keychains.", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-new-year-preparations_23-2148334999.jpg" },
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="A collection of heartfelt, handmade treasures tailored for your special moments."
|
||||
@@ -133,42 +84,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vintage Frame",
|
||||
price: "₹1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176147.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Memory Scrapbook",
|
||||
price: "₹1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-traveling-elements-collection_23-2149185297.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Memory Keepsake Box",
|
||||
price: "₹2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-themed-gifts-lie-vintage-chair_1153-6505.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Custom Greeting Card",
|
||||
price: "₹300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentine-inscription-with-envelopes-table_23-2148022291.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Curated Gift Hamper",
|
||||
price: "₹3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-presents-arrangement_23-2149343245.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artistic Keychain",
|
||||
price: "₹250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-with-ornaments_23-2148098745.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Vintage Frame", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176147.jpg" },
|
||||
{ id: "p2", name: "Memory Scrapbook", price: "₹1,800", imageSrc: "http://img.b2bpic.net/free-photo/top-view-traveling-elements-collection_23-2149185297.jpg" },
|
||||
{ id: "p3", name: "Memory Keepsake Box", price: "₹2,500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-themed-gifts-lie-vintage-chair_1153-6505.jpg" },
|
||||
{ id: "p4", name: "Custom Greeting Card", price: "₹300", imageSrc: "http://img.b2bpic.net/free-photo/valentine-inscription-with-envelopes-table_23-2148022291.jpg" },
|
||||
{ id: "p5", name: "Curated Gift Hamper", price: "₹3,500", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-presents-arrangement_23-2149343245.jpg" },
|
||||
{ id: "p6", name: "Artistic Keychain", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-with-ornaments_23-2148098745.jpg" },
|
||||
]}
|
||||
title="Best-Selling Treasures"
|
||||
description="Our most loved, customizable gifts for your loved ones."
|
||||
@@ -179,31 +100,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Priya Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-florist-with-flower-photo-album-shop_23-2147882084.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rahul Verma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-opening-present-box-table_23-2148001590.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anjali Mehta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-student-girl-wearing-bandana-glasses-headphones-around-neck-showing-large-note-pad-looking-camera-pointing-with-pen-note-pad-isolated-blue-background_141793-138996.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Vikram Seth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-vintage-frame_641386-955.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Meera Iyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-giving-christmas-present-near-christmas-balls_114579-80759.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Priya Singh", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-florist-with-flower-photo-album-shop_23-2147882084.jpg" },
|
||||
{ id: "t2", name: "Rahul Verma", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-opening-present-box-table_23-2148001590.jpg" },
|
||||
{ id: "t3", name: "Anjali Mehta", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-student-girl-wearing-bandana-glasses-headphones-around-neck-showing-large-note-pad-looking-camera-pointing-with-pen-note-pad-isolated-blue-background_141793-138996.jpg" },
|
||||
{ id: "t4", name: "Vikram Seth", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-vintage-frame_641386-955.jpg" },
|
||||
{ id: "t5", name: "Meera Iyer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-giving-christmas-present-near-christmas-balls_114579-80759.jpg" },
|
||||
]}
|
||||
cardTitle="Moments of Joy"
|
||||
cardTag="Customer Love"
|
||||
@@ -229,39 +130,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"@smartart_yc",
|
||||
"Heartfelt Moments",
|
||||
"Vintage Gifts",
|
||||
"Artisan Crafts",
|
||||
"Pan-India Delivery",
|
||||
"Handmade Treasures",
|
||||
"Customized Love",
|
||||
]}
|
||||
"@smartart_yc", "Heartfelt Moments", "Vintage Gifts", "Artisan Crafts", "Pan-India Delivery", "Handmade Treasures", "Customized Love"]}
|
||||
title="As Seen on Instagram"
|
||||
description="Join our growing community of happy gift-givers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I place a custom order?",
|
||||
content: "Simply DM us on Instagram or WhatsApp with your requirements and reference images.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you deliver pan-India?",
|
||||
content: "Yes, we ship our handmade treasures to all locations across India.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does customization take?",
|
||||
content: "Depending on complexity, custom pieces take 5-10 business days to craft with care.",
|
||||
},
|
||||
{ id: "f1", title: "How do I place a custom order?", content: "Simply DM us on Instagram or WhatsApp with your requirements and reference images." },
|
||||
{ id: "f2", title: "Do you deliver pan-India?", content: "Yes, we ship our handmade treasures to all locations across India." },
|
||||
{ id: "f3", title: "How long does customization take?", content: "Depending on complexity, custom pieces take 5-10 business days to craft with care." },
|
||||
]}
|
||||
title="How to Order"
|
||||
description="Ordering your custom gift is simple and personal."
|
||||
@@ -270,65 +152,22 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<ContactCenter
|
||||
tag="Get in Touch"
|
||||
title="Start Your Story"
|
||||
description="Ready for a special keepsake? Reach out and let's craft something beautiful together."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glasses-smartphone-near-notebook-coffee_23-2147768878.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Sign Up for Updates"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="Smart Art"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Custom Orders",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram (@smartart_yc)",
|
||||
href: "https://instagram.com/smartart_yc",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Custom Orders", href: "#contact" }] },
|
||||
{ title: "Explore", items: [{ label: "About Us", href: "#about" }, { label: "Our Story", href: "#about" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram (@smartart_yc)", href: "https://instagram.com/smartart_yc" }, { label: "WhatsApp", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="Made with love in India | Pan-India Delivery"
|
||||
bottomRightText="© 2024 Smart Art by Yashi Chauhan"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user