Merge version_2_1782179768979 into main #1
@@ -1,298 +1,36 @@
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
||||
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
||||
import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import ProductsSection from './HomePage/sections/Products';
|
||||
import SocialProofSection from './HomePage/sections/SocialProof';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import PricingSection from './HomePage/sections/Pricing';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroTiltedCards
|
||||
tag="Digital Store Platform"
|
||||
title="Scale Your Digital Products Business Today"
|
||||
description="The all-in-one platform to host, manage, and sell your digital creative assets with lightning speed and zero friction."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-stage-with-platforms-neon-lights_23-2151978850.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736733.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-carbon-footprint-eco-food_482257-96781.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-strategy-marketing-computer-concept_53876-47081.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCards
|
||||
tag="Robust Tools"
|
||||
title="Built for Digital Creators"
|
||||
description="Everything you need to grow your digital brand and automate your sales workflow."
|
||||
items={[
|
||||
{
|
||||
title: "Auto-Delivery",
|
||||
description: "Instant downloads after purchase, 100% automated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-clouds-yellow-folder_1048-1658.jpg",
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Global payment support with highest security standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-holding-golden-key_53876-71507.jpg",
|
||||
},
|
||||
{
|
||||
title: "High Performance",
|
||||
description: "Lightning-fast asset loading speeds for all customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-teen-skateboard_23-2149446856.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Assets"
|
||||
title="Explore Our Digital Catalog"
|
||||
description="Browse through our curated collection of high-quality digital assets."
|
||||
items={[
|
||||
{
|
||||
title: "UI Design Kit",
|
||||
description: "High fidelity UI kit for web and apps.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photographer-hands-using-graphic-tablet-stylus-while-retouching-pictures-photography-studio-artist-doing-retouch-work-with-editing-software-computer-equipment_482257-38106.jpg",
|
||||
},
|
||||
{
|
||||
title: "Icon Set",
|
||||
description: "Professional vector icons.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320700.jpg",
|
||||
},
|
||||
{
|
||||
title: "E-book Guide",
|
||||
description: "The definitive guide to product design.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neutraltoned-ceramic-vases-with-dried-flowers-blank-white-card_24972-3076.jpg",
|
||||
},
|
||||
{
|
||||
title: "Code Templates",
|
||||
description: "Clean, scalable code snippets.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/code-editor-pc-display-used-build-applications-cozy-bright-living-room_482257-125360.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lightroom Presets",
|
||||
description: "Professional photography presets.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-sparkle-dazzling-girl_23-2147960922.jpg",
|
||||
},
|
||||
{
|
||||
title: "Saas Dashboard",
|
||||
description: "Enterprise-ready dashboards.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349304.jpg",
|
||||
},
|
||||
{
|
||||
title: "Graphic Pack",
|
||||
description: "Versatile design elements.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cat-wallpaper_23-2151836195.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProductsSection />
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Our Trusted Partners"
|
||||
title="Powering Industry Leaders"
|
||||
description="Used by professional creators, startups, and agencies worldwide."
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Meta",
|
||||
"Netflix",
|
||||
"Spotify",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<SocialProofSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Social Proof"
|
||||
title="Trusted by Creators"
|
||||
description="See why top professionals choose us to sell their products."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
role: "Senior Dev",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maya Chen",
|
||||
role: "Lead Designer",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-while-holding-her-laptop_23-2147611480.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Lee",
|
||||
role: "PM",
|
||||
company: "StartUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-silly-face_1154-110.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sara Khan",
|
||||
role: "Developer",
|
||||
company: "AppFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19606.jpg",
|
||||
},
|
||||
{
|
||||
name: "John Doe",
|
||||
role: "Marketer",
|
||||
company: "GrowthLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingHighlightedCards
|
||||
tag="Pricing"
|
||||
title="Simple Transparent Plans"
|
||||
description="Choose the best plan for your digital store growth."
|
||||
plans={[
|
||||
{
|
||||
tag: "Starter",
|
||||
price: "$29",
|
||||
description: "Get started with basic features.",
|
||||
features: [
|
||||
"1GB Storage",
|
||||
"Basic Analytics",
|
||||
"Unlimited Sales",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select Starter",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Pro",
|
||||
price: "$79",
|
||||
description: "For high-growth professionals.",
|
||||
features: [
|
||||
"10GB Storage",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
highlight: "Most Popular",
|
||||
primaryButton: {
|
||||
text: "Select Pro",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Enterprise",
|
||||
price: "$199",
|
||||
description: "Scalable for big operations.",
|
||||
features: [
|
||||
"Unlimited Storage",
|
||||
"Real-time API",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PricingSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="FAQ"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our platform."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "Is there a trial?",
|
||||
answer: "Yes, we offer a 14-day free trial.",
|
||||
},
|
||||
{
|
||||
question: "Can I cancel anytime?",
|
||||
answer: "Absolutely, no long-term contracts.",
|
||||
},
|
||||
{
|
||||
question: "Are updates included?",
|
||||
answer: "Yes, all updates are included for free.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Ready to scale your digital business?"
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Talk to Sales",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Ready to scale your digital business?"
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Talk to Sales",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
39
src/pages/HomePage/sections/Faq.tsx
Normal file
39
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="FAQ"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our platform."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "Is there a trial?",
|
||||
answer: "Yes, we offer a 14-day free trial.",
|
||||
},
|
||||
{
|
||||
question: "Can I cancel anytime?",
|
||||
answer: "Absolutely, no long-term contracts.",
|
||||
},
|
||||
{
|
||||
question: "Are updates included?",
|
||||
answer: "Yes, all updates are included for free.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
37
src/pages/HomePage/sections/Features.tsx
Normal file
37
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCards
|
||||
tag="Robust Tools"
|
||||
title="Built for Digital Creators"
|
||||
description="Everything you need to grow your digital brand and automate your sales workflow."
|
||||
items={[
|
||||
{
|
||||
title: "Auto-Delivery",
|
||||
description: "Instant downloads after purchase, 100% automated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-clouds-yellow-folder_1048-1658.jpg",
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Global payment support with highest security standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-holding-golden-key_53876-71507.jpg",
|
||||
},
|
||||
{
|
||||
title: "High Performance",
|
||||
description: "Lightning-fast asset loading speeds for all customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-teen-skateboard_23-2149446856.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
45
src/pages/HomePage/sections/Hero.tsx
Normal file
45
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,45 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroTiltedCards
|
||||
tag="Digital Store Platform"
|
||||
title="Scale Your Digital Products Business Today"
|
||||
description="The all-in-one platform to host, manage, and sell your digital creative assets with lightning speed and zero friction."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-stage-with-platforms-neon-lights_23-2151978850.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736733.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-carbon-footprint-eco-food_482257-96781.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-strategy-marketing-computer-concept_53876-47081.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
65
src/pages/HomePage/sections/Pricing.tsx
Normal file
65
src/pages/HomePage/sections/Pricing.tsx
Normal file
@@ -0,0 +1,65 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "pricing" section.
|
||||
|
||||
import React from 'react';
|
||||
import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PricingSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingHighlightedCards
|
||||
tag="Pricing"
|
||||
title="Simple Transparent Plans"
|
||||
description="Choose the best plan for your digital store growth."
|
||||
plans={[
|
||||
{
|
||||
tag: "Starter",
|
||||
price: "$29",
|
||||
description: "Get started with basic features.",
|
||||
features: [
|
||||
"1GB Storage",
|
||||
"Basic Analytics",
|
||||
"Unlimited Sales",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select Starter",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Pro",
|
||||
price: "$79",
|
||||
description: "For high-growth professionals.",
|
||||
features: [
|
||||
"10GB Storage",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
highlight: "Most Popular",
|
||||
primaryButton: {
|
||||
text: "Select Pro",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Enterprise",
|
||||
price: "$199",
|
||||
description: "Scalable for big operations.",
|
||||
features: [
|
||||
"Unlimited Storage",
|
||||
"Real-time API",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Products.tsx
Normal file
64
src/pages/HomePage/sections/Products.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "products" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProductsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Assets"
|
||||
title="Explore Our Digital Catalog"
|
||||
description="Browse through our curated collection of high-quality digital assets."
|
||||
items={[
|
||||
{
|
||||
title: "UI Design Kit",
|
||||
description: "High fidelity UI kit for web and apps.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photographer-hands-using-graphic-tablet-stylus-while-retouching-pictures-photography-studio-artist-doing-retouch-work-with-editing-software-computer-equipment_482257-38106.jpg",
|
||||
},
|
||||
{
|
||||
title: "Icon Set",
|
||||
description: "Professional vector icons.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320700.jpg",
|
||||
},
|
||||
{
|
||||
title: "E-book Guide",
|
||||
description: "The definitive guide to product design.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neutraltoned-ceramic-vases-with-dried-flowers-blank-white-card_24972-3076.jpg",
|
||||
},
|
||||
{
|
||||
title: "Code Templates",
|
||||
description: "Clean, scalable code snippets.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/code-editor-pc-display-used-build-applications-cozy-bright-living-room_482257-125360.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lightroom Presets",
|
||||
description: "Professional photography presets.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-sparkle-dazzling-girl_23-2147960922.jpg",
|
||||
},
|
||||
{
|
||||
title: "Saas Dashboard",
|
||||
description: "Enterprise-ready dashboards.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349304.jpg",
|
||||
},
|
||||
{
|
||||
title: "Graphic Pack",
|
||||
description: "Versatile design elements.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cat-wallpaper_23-2151836195.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
21
src/pages/HomePage/sections/SocialProof.tsx
Normal file
21
src/pages/HomePage/sections/SocialProof.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "social-proof" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SocialProofSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="social-proof" data-section="social-proof" className="w-full overflow-hidden">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Official Partners"
|
||||
title="Trusted by Automotive Leaders"
|
||||
description="Partnering with the most prestigious racing teams and automotive brands worldwide."
|
||||
names={["Ferrari","Porsche","McLaren","Mercedes-AMG","Aston Martin","Lamborghini","Red Bull Racing"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Social Proof"
|
||||
title="Trusted by Creators"
|
||||
description="See why top professionals choose us to sell their products."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
role: "Senior Dev",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maya Chen",
|
||||
role: "Lead Designer",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-while-holding-her-laptop_23-2147611480.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Lee",
|
||||
role: "PM",
|
||||
company: "StartUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-silly-face_1154-110.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sara Khan",
|
||||
role: "Developer",
|
||||
company: "AppFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19606.jpg",
|
||||
},
|
||||
{
|
||||
name: "John Doe",
|
||||
role: "Marketer",
|
||||
company: "GrowthLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user