Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
202
src/app/page.tsx
202
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
@@ -32,42 +32,29 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Shopify Store"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Quality in Every Detail"
|
||||
description="Discover our curated collection of premium products designed for your lifestyle. High-quality craftsmanship meets modern design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-man-thinking-wearing-face-mask-holding-shopping-bags-imaging-so_1258-153741.jpg"
|
||||
imageAlt="online shop hero banner"
|
||||
@@ -79,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Commitment to Quality"
|
||||
description={[
|
||||
"At Shopify Store, we believe that every item you bring into your life should reflect excellence. Our curated selection combines aesthetics, durability, and utility.",
|
||||
"We source only the best materials and work with artisans who share our passion for perfection.",
|
||||
]}
|
||||
"At Shopify Store, we believe that every item you bring into your life should reflect excellence. Our curated selection combines aesthetics, durability, and utility.", "We source only the best materials and work with artisans who share our passion for perfection."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,53 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Vase",
|
||||
price: "$45",
|
||||
variant: "Ceramic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-with-bunny-ears-table_23-2148059894.jpg",
|
||||
imageAlt: "modern lifestyle product",
|
||||
},
|
||||
id: "p1", name: "Modern Vase", price: "$45", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-with-bunny-ears-table_23-2148059894.jpg", imageAlt: "modern lifestyle product"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Canvas Tote",
|
||||
price: "$30",
|
||||
variant: "Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986270.jpg",
|
||||
imageAlt: "lifestyle item minimalist",
|
||||
},
|
||||
id: "p2", name: "Canvas Tote", price: "$30", variant: "Cotton", imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986270.jpg", imageAlt: "lifestyle item minimalist"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Clock",
|
||||
price: "$85",
|
||||
variant: "Wood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg",
|
||||
imageAlt: "modern gadget lifestyle",
|
||||
},
|
||||
id: "p3", name: "Minimalist Clock", price: "$85", variant: "Wood", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg", imageAlt: "modern gadget lifestyle"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Desk Lamp",
|
||||
price: "$120",
|
||||
variant: "Metal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-meal-with-yogurt-composition_23-2148894705.jpg",
|
||||
imageAlt: "product lifestyle studio",
|
||||
},
|
||||
id: "p4", name: "Desk Lamp", price: "$120", variant: "Metal", imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-meal-with-yogurt-composition_23-2148894705.jpg", imageAlt: "product lifestyle studio"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Leather Journal",
|
||||
price: "$25",
|
||||
variant: "Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-white-bowls-long-shot_23-2148746906.jpg",
|
||||
imageAlt: "minimal lifestyle product",
|
||||
},
|
||||
id: "p5", name: "Leather Journal", price: "$25", variant: "Leather", imageSrc: "http://img.b2bpic.net/free-photo/pile-white-bowls-long-shot_23-2148746906.jpg", imageAlt: "minimal lifestyle product"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wool Blanket",
|
||||
price: "$150",
|
||||
variant: "Wool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722635.jpg",
|
||||
imageAlt: "premium lifestyle accessory",
|
||||
},
|
||||
id: "p6", name: "Wool Blanket", price: "$150", variant: "Wool", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722635.jpg", imageAlt: "premium lifestyle accessory"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Browse our latest arrivals and timeless classics."
|
||||
@@ -153,20 +102,11 @@ export default function LandingPage() {
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Products Shipped",
|
||||
},
|
||||
id: "m2", value: "5k+", description: "Products Shipped"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Satisfaction Rate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,35 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
imageAlt: "portrait happy customer",
|
||||
},
|
||||
id: "1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "portrait happy customer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-paper-bags_23-2147669698.jpg",
|
||||
imageAlt: "portrait happy male customer",
|
||||
},
|
||||
id: "2", name: "Bob S.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-paper-bags_23-2147669698.jpg", imageAlt: "portrait happy male customer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
|
||||
imageAlt: "portrait diverse customer",
|
||||
},
|
||||
id: "3", name: "Charlie D.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg", imageAlt: "portrait diverse customer"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-colorful-bags_1098-2400.jpg",
|
||||
imageAlt: "portrait happy female",
|
||||
},
|
||||
id: "4", name: "Diana P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-colorful-bags_1098-2400.jpg", imageAlt: "portrait happy female"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
|
||||
imageAlt: "portrait male customer",
|
||||
},
|
||||
id: "5", name: "Evan L.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "portrait male customer"},
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardTag="Reviews"
|
||||
@@ -217,14 +137,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Partner 1",
|
||||
"Partner 2",
|
||||
"Partner 3",
|
||||
"Partner 4",
|
||||
"Partner 5",
|
||||
"Partner 6",
|
||||
"Partner 7",
|
||||
]}
|
||||
"Partner 1", "Partner 2", "Partner 3", "Partner 4", "Partner 5", "Partner 6", "Partner 7"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Collaborating with world-class brands to bring you the very best."
|
||||
/>
|
||||
@@ -236,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We offer free shipping on orders over $50.",
|
||||
},
|
||||
id: "f1", title: "What is your shipping policy?", content: "We offer free shipping on orders over $50."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept returns?",
|
||||
content: "Yes, we accept returns within 30 days of purchase.",
|
||||
},
|
||||
id: "f2", title: "Do you accept returns?", content: "Yes, we accept returns within 30 days of purchase."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I track my order?",
|
||||
content: "Yes, you will receive a tracking link via email.",
|
||||
},
|
||||
id: "f3", title: "Can I track my order?", content: "Yes, you will receive a tracking link via email."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -258,26 +162,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Need Support?"
|
||||
description="Reach out to our team for any queries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
<ContactCTA
|
||||
tag="Get In Touch"
|
||||
title="Ready to Upgrade Your Lifestyle?"
|
||||
description="Our support team is always here to help you choose the best products for your needs. Connect with us today for a seamless shopping experience."
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "#contact" },
|
||||
{ text: "Shop Collections", href: "#products" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg"
|
||||
imageAlt="customer support office"
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -285,29 +179,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -317,4 +201,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user