Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6808c7b84a | |||
| 0dc32e1840 |
119
src/app/page.tsx
119
src/app/page.tsx
@@ -4,9 +4,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
||||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
||||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
||||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -28,9 +25,6 @@ export default function LandingPage() {
|
|||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "hero" },
|
{ name: "Home", id: "hero" },
|
||||||
{ name: "Products", id: "products" },
|
{ name: "Products", id: "products" },
|
||||||
{ name: "Features", id: "features" },
|
|
||||||
{ name: "Pricing", id: "pricing" },
|
|
||||||
{ name: "Contact", id: "contact" },
|
|
||||||
]}
|
]}
|
||||||
brandName="Stellar"
|
brandName="Stellar"
|
||||||
bottomLeftText="Global Reseller Network"
|
bottomLeftText="Global Reseller Network"
|
||||||
@@ -41,10 +35,10 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
logoText="stellar resellers"
|
logoText="stellar resellers"
|
||||||
description="Scale your reselling revenue 3x faster with premium wholesale solutions. Access exclusive inventory, competitive pricing, and global shipping to dominate your market."
|
description="Premium wholesale solutions for ambitious resellers. Access exclusive inventory, competitive pricing, and global shipping to scale your business worldwide."
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Start Selling", href: "#products" },
|
{ text: "Start Selling", href: "#products" },
|
||||||
{ text: "Learn More", href: "#features" },
|
{ text: "Learn More", href: "#products" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
@@ -57,18 +51,18 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
title="Premium Collection"
|
title="Our Products"
|
||||||
description="Curated selection of high-demand products ready to resell"
|
description="Choose from our two premium product categories"
|
||||||
tag="Best Sellers"
|
tag="Browse"
|
||||||
products={[
|
products={[
|
||||||
{ id: "1", brand: "Stellar", name: "Premium Tech Bundle", price: "$2,499.00", rating: 5,
|
{
|
||||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg?_wi=1", imageAlt: "Premium tech bundle package"},
|
id: "1", brand: "Stellar", name: "Premium Cologne Collection", price: "$2,499.00", rating: 5,
|
||||||
{ id: "2", brand: "Stellar", name: "Luxury Accessory Set", price: "$899.00", rating: 5,
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg?_wi=1", imageAlt: "Premium cologne collection"},
|
||||||
reviewCount: "856", imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg?_wi=1", imageAlt: "Luxury accessory collection"},
|
{
|
||||||
{ id: "3", brand: "Stellar", name: "Exclusive Designer Pack", price: "$3,299.00", rating: 5,
|
id: "2", brand: "Stellar", name: "Designer Clothing Line", price: "$899.00", rating: 5,
|
||||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49638.jpg?_wi=1", imageAlt: "Exclusive designer product pack"},
|
reviewCount: "856", imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg?_wi=1", imageAlt: "Designer clothing collection"},
|
||||||
]}
|
]}
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="two-columns-alternating-heights"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
@@ -76,111 +70,26 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
|
||||||
<FeatureCardNine
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: "Competitive Wholesale Pricing", description: "Access bulk pricing that maximizes your profit margins and keeps you competitive in the market.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg?_wi=2"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg?_wi=2"},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
title: "Global Shipping Network", description: "Fast, reliable shipping to customers worldwide with real-time tracking and insurance.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg?_wi=3"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49638.jpg?_wi=2"},
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
showStepNumbers={true}
|
|
||||||
title="Why Choose Stellar"
|
|
||||||
description="Experience wholesale excellence with industry-leading services and support"
|
|
||||||
tag="Features"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
animationType="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwelve
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "2", name: "James Chen", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "4", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"},
|
|
||||||
]}
|
|
||||||
cardTitle="Trusted by over 5,000 successful resellers worldwide"
|
|
||||||
cardTag="Customer Success Stories"
|
|
||||||
cardAnimation="blur-reveal"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
|
||||||
<PricingCardFive
|
|
||||||
plans={[
|
|
||||||
{
|
|
||||||
id: "starter", tag: "Starter Plan", price: "$299", period: "/month", description: "Perfect for new resellers looking to establish their business.", button: { text: "Get Started", href: "#" },
|
|
||||||
featuresTitle: "What's Included:", features: [
|
|
||||||
"Access to 500+ products", "Wholesale pricing discount", "Email support", "Monthly inventory updates"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "professional", tag: "Professional Plan", price: "$799", period: "/month", description: "For established resellers ready to scale operations.", button: { text: "Upgrade Now", href: "#" },
|
|
||||||
featuresTitle: "What's Included:", features: [
|
|
||||||
"Access to 2,000+ products", "20% wholesale discount", "Priority support", "Weekly inventory updates", "Dedicated account manager"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "enterprise", tag: "Enterprise Plan", price: "$2,499", period: "/month", description: "Maximum benefits for high-volume resellers.", button: { text: "Contact Sales", href: "#" },
|
|
||||||
featuresTitle: "What's Included:", features: [
|
|
||||||
"Unlimited product access", "30% wholesale discount", "24/7 phone support", "Real-time inventory sync", "Dedicated account manager", "Custom integration options"],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
animationType="slide-up"
|
|
||||||
title="Reseller Membership Plans"
|
|
||||||
description="Choose the perfect plan to grow your reselling business"
|
|
||||||
tag="Pricing"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Stellar"
|
logoText="Stellar"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Products", items: [
|
title: "Products", items: [
|
||||||
{ label: "Browse Catalog", href: "#products" },
|
{ label: "Cologne", href: "#products" },
|
||||||
{ label: "Featured Items", href: "#" },
|
{ label: "Clothing", href: "#products" },
|
||||||
{ label: "Wholesale Pricing", href: "#" },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
{ label: "About Us", href: "#" },
|
{ label: "About Us", href: "#" },
|
||||||
{ label: "Our Mission", href: "#" },
|
{ label: "Our Mission", href: "#" },
|
||||||
{ label: "Blog", href: "#" },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support", items: [
|
title: "Support", items: [
|
||||||
{ label: "Contact Us", href: "#" },
|
{ label: "Contact Us", href: "#" },
|
||||||
{ label: "FAQ", href: "#" },
|
{ label: "FAQ", href: "#" },
|
||||||
{ label: "Shipping Info", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal", items: [
|
|
||||||
{ label: "Privacy Policy", href: "#" },
|
|
||||||
{ label: "Terms of Service", href: "#" },
|
|
||||||
{ label: "Cookie Policy", href: "#" },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user