Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 83920e50a4 | |||
| a87b3889f3 | |||
| 9245c9c471 | |||
| bdc4a1fea7 | |||
| c55a7bbe22 | |||
| 292181c164 | |||
| fb2228bf94 | |||
| e3c0ca4625 |
267
src/app/page.tsx
267
src/app/page.tsx
@@ -2,8 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ScaleBrand"
|
||||
/>
|
||||
@@ -55,22 +43,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Scalable eCommerce for Modern Brands"
|
||||
description="Transform your retail business with a high-performance, scalable platform designed for growth."
|
||||
tag="Innovative Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Learn More", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/impressed-man-showing-shopping-bags-with-products-credit-card-standing-yellow-background_1258-158641.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,42 +59,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Backpack",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Leather Wallet",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-526.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wireless Speaker",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Minimalist Watch",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154118.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ceramic Mug",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environment-friendly-objects-cement-background_23-2148289741.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Notebook Pro",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-photography-with-camera-cellphone-fashion-accessories-essential-items-woman-overhead-view-top-view_1428-710.jpg",
|
||||
},
|
||||
{ id: "1", name: "Modern Backpack", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg" },
|
||||
{ id: "2", name: "Leather Wallet", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-526.jpg" },
|
||||
{ id: "3", name: "Wireless Speaker", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg" },
|
||||
{ id: "4", name: "Minimalist Watch", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154118.jpg" },
|
||||
{ id: "5", name: "Ceramic Mug", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/environment-friendly-objects-cement-background_23-2148289741.jpg" },
|
||||
{ id: "6", name: "Notebook Pro", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-photography-with-camera-cellphone-fashion-accessories-essential-items-woman-overhead-view-top-view_1428-710.jpg" },
|
||||
]}
|
||||
title="Our Signature Products"
|
||||
description="Discover our collection of high-quality products curated for quality and longevity."
|
||||
@@ -131,27 +78,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Global payment gateways integrated out of the box.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technological-background-with-hexagons_23-2147634061.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147763687.jpg",
|
||||
buttonText: "See Details",
|
||||
},
|
||||
{
|
||||
title: "Global Logistics",
|
||||
description: "Seamless tracking and shipping globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-abstract-background-with-marble-texture_474888-4849.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/blue-background-with-lines-social-networking-icons_23-2147613734.jpg",
|
||||
buttonText: "See Details",
|
||||
},
|
||||
{
|
||||
title: "Analytics Dashboard",
|
||||
description: "Real-time insights into your store performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-art-background-template-botanical-watercolor-vector-floral-illustrations-buds-leaves-pastel-tonesframe-seamless-pattern-peony-wedding-invitation-greeting-card-poster_123827-29752.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904466.jpg",
|
||||
buttonText: "See Details",
|
||||
},
|
||||
{ title: "Secure Payments", description: "Global payment gateways integrated out of the box.", imageSrc: "http://img.b2bpic.net/free-photo/modern-abstract-background-with-marble-texture_474888-4849.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147763687.jpg", buttonText: "See Details" },
|
||||
{ title: "Global Logistics", description: "Seamless tracking and shipping globally.", imageSrc: "http://img.b2bpic.net/free-photo/modern-abstract-background-with-marble-texture_474888-4849.jpg?_wi=2", titleImageSrc: "http://img.b2bpic.net/free-vector/blue-background-with-lines-social-networking-icons_23-2147613734.jpg", buttonText: "See Details" },
|
||||
{ title: "Analytics Dashboard", description: "Real-time insights into your store performance.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-art-background-template-botanical-watercolor-vector-floral-illustrations-buds-leaves-pastel-tonesframe-seamless-pattern-peony-wedding-invitation-greeting-card-poster_123827-29752.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904466.jpg", buttonText: "See Details" },
|
||||
]}
|
||||
title="Built for Global Scale"
|
||||
description="Everything you need to expand your digital retail presence securely and efficiently."
|
||||
@@ -164,24 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Zap,
|
||||
title: "Conversion Rate",
|
||||
value: "15%",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Shield,
|
||||
title: "Uptime",
|
||||
value: "99.9%",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Award,
|
||||
title: "Happy Customers",
|
||||
value: "50K+",
|
||||
},
|
||||
{ id: "1", icon: Zap, title: "Conversion Rate", value: "15%" },
|
||||
{ id: "2", icon: Shield, title: "Uptime", value: "99.9%" },
|
||||
{ id: "3", icon: Award, title: "Happy Customers", value: "50K+" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Metrics that matter for your business growth."
|
||||
@@ -189,55 +103,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTwelve
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Loved by Retailers"
|
||||
cardTag="Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
handle: "@janedoe",
|
||||
testimonial: "Excellent service and platform.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-casual-summer-style-modern-park-street_285396-11117.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Smith",
|
||||
handle: "@marksmith",
|
||||
testimonial: "The best eCommerce solution ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alice Wang",
|
||||
handle: "@alicew",
|
||||
testimonial: "Increased my sales by 200%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-young-lady-stylish-yellow-pants-expressing-happiness-glad-european-girl-with-dark-hair-dancing-street-background_197531-26305.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bob Brown",
|
||||
handle: "@bobb",
|
||||
testimonial: "Reliable and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-laughing-woman-posing-outdoor-summertime-holding-skateboard-hands-touching-her-hair-band-looking-camera-with-positive-emotions_176532-14835.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Carol Lee",
|
||||
handle: "@caroll",
|
||||
testimonial: "Great support team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jane Doe", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-casual-summer-style-modern-park-street_285396-11117.jpg" },
|
||||
{ id: "2", name: "Mark Smith", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg" },
|
||||
{ id: "3", name: "Alice Wang", imageSrc: "http://img.b2bpic.net/free-photo/fascinating-young-lady-stylish-yellow-pants-expressing-happiness-glad-european-girl-with-dark-hair-dancing-street-background_197531-26305.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Retailers"
|
||||
description="Hear how we help our partners reach their goals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -245,90 +120,46 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Stripe",
|
||||
"PayPal",
|
||||
"Amazon",
|
||||
"Shopify",
|
||||
"Visa",
|
||||
]}
|
||||
names={["Google", "Microsoft", "Stripe", "PayPal", "Amazon", "Shopify", "Visa"]}
|
||||
title="Trusted Globally"
|
||||
description="We are proud to work with these innovators."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the platform scalable?",
|
||||
content: "Yes, our platform is built on modern infrastructure designed for scale.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer support?",
|
||||
content: "We offer 24/7 dedicated support for all our enterprise customers.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long to launch?",
|
||||
content: "Most brands launch within 4-6 weeks.",
|
||||
},
|
||||
{ id: "1", title: "Is the platform scalable?", content: "Yes, our platform is built on modern infrastructure designed for scale." },
|
||||
{ id: "2", title: "Do you offer support?", content: "We offer 24/7 dedicated support for all our enterprise customers." },
|
||||
{ id: "3", title: "How long to launch?", content: "Most brands launch within 4-6 weeks." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
title="Common Questions"
|
||||
description="Get answers to frequently asked questions about our platform."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-service-concept-with-headset_23-2148737357.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to scale your business?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "mailto:hello@brand.com",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Ready to scale your business?"
|
||||
description="Get in touch with our team to start your journey."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contact-us-communication-connection-business-people_1134-802.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Product", items: [{ label: "Shop", href: "#products" }, { label: "Features", href: "#features" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 ScaleBrand"
|
||||
bottomRightText="Privacy Policy"
|
||||
@@ -337,4 +168,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user