Merge version_1 into main #1
@@ -7,85 +7,66 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Templates",
|
||||
id: "/templates",
|
||||
},
|
||||
{
|
||||
name: "Freebies",
|
||||
id: "/freebies",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Vihaan Shrivastava",
|
||||
role: "Founder & Creative Strategist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Technical Architect",
|
||||
role: "Co-Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet The Visionaries"
|
||||
description="Young innovators on a mission to reshape digital design."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet The Visionaries"
|
||||
description="Young innovators on a mission to reshape digital design."
|
||||
members={[
|
||||
{ id: "t1", name: "Vihaan Shrivastava", role: "Founder & Creative Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg" },
|
||||
{ id: "t2", name: "Technical Architect", role: "Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-studio" data-section="about-studio">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The BryteBytee Story"
|
||||
description={[
|
||||
"BrightBytee Studios was born out of a spark of curiosity and creativity. Started by two 16-year-old friends, we build digital experiences that feel bright, bold, and unforgettable.",
|
||||
"Our mission is to democratize beautiful web design, making premium-quality website templates accessible to everyone in India — from solo entrepreneurs to growing businesses.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-studio" data-section="about-studio">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The BryteBytee Story"
|
||||
description={[
|
||||
"BrightBytee Studios was born out of a spark of curiosity and creativity. Started by two 16-year-old friends, we build digital experiences that feel bright, bold, and unforgettable.", "Our mission is to democratize beautiful web design, making premium-quality website templates accessible to everyone in India — from solo entrepreneurs to growing businesses."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,92 +7,64 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AdminPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Templates",
|
||||
id: "/templates",
|
||||
},
|
||||
{
|
||||
name: "Freebies",
|
||||
id: "/freebies",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Admin Control Portal"
|
||||
description="Securely manage templates, monitor sales, and view analytics for the entire studio ecosystem."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Admin Control Portal"
|
||||
description="Securely manage templates, monitor sales, and view analytics for the entire studio ecosystem."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Manage Operations"
|
||||
description="Direct access to product lifecycle and customer support ticketing."
|
||||
plans={[
|
||||
{
|
||||
id: "a1",
|
||||
badge: "Analytics",
|
||||
price: "₹N/A",
|
||||
subtitle: "Live statistics",
|
||||
features: [
|
||||
"Sales Tracking",
|
||||
"Template Performance",
|
||||
"User Insights",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
badge: "Support",
|
||||
price: "₹N/A",
|
||||
subtitle: "Customer hub",
|
||||
features: [
|
||||
"Manage Tickets",
|
||||
"Refund Processing",
|
||||
"Priority Communications",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Manage Operations"
|
||||
description="Direct access to product lifecycle and customer support ticketing."
|
||||
plans={[
|
||||
{ id: "a1", badge: "Analytics", price: "₹N/A", subtitle: "Live statistics", features: ["Sales Tracking", "Template Performance", "User Insights"] },
|
||||
{ id: "a2", badge: "Support", price: "₹N/A", subtitle: "Customer hub", features: ["Manage Tickets", "Refund Processing", "Priority Communications"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,91 +7,64 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function FreebiesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Templates",
|
||||
id: "/templates",
|
||||
},
|
||||
{
|
||||
name: "Freebies",
|
||||
id: "/freebies",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Free Tools for Creators"
|
||||
description="Download our free templates and assets to jumpstart your creative journey today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Free Tools for Creators"
|
||||
description="Download our free templates and assets to jumpstart your creative journey today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Resource Packs"
|
||||
description="Deep-dive into our premium code snippets and design systems."
|
||||
plans={[
|
||||
{
|
||||
id: "b1",
|
||||
badge: "Free",
|
||||
price: "₹0",
|
||||
subtitle: "Starter access",
|
||||
features: [
|
||||
"Limited Templates",
|
||||
"Basic Documentation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
badge: "Pro",
|
||||
price: "₹1,999",
|
||||
subtitle: "Full access",
|
||||
features: [
|
||||
"All Freebies",
|
||||
"Exclusive Video Guides",
|
||||
"Source Files",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Resource Packs"
|
||||
description="Deep-dive into our premium code snippets and design systems."
|
||||
plans={[
|
||||
{ id: "b1", badge: "Free", price: "₹0", subtitle: "Starter access", features: ["Limited Templates", "Basic Documentation"] },
|
||||
{ id: "b2", badge: "Pro", price: "₹1,999", subtitle: "Full access", features: ["All Freebies", "Exclusive Video Guides", "Source Files"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
311
src/app/page.tsx
311
src/app/page.tsx
@@ -16,236 +16,103 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Templates",
|
||||
id: "/templates",
|
||||
},
|
||||
{
|
||||
name: "Freebies",
|
||||
id: "/freebies",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
title="Bright Ideas, Powered by Bytes"
|
||||
description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Industries Covered",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Instant Support",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-woman-posing_23-2148729645.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payments",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Aesthetic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Responsive Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Bright Ideas, Powered by Bytes"
|
||||
description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
|
||||
kpis={[
|
||||
{ value: "500+", label: "Happy Customers" },
|
||||
{ value: "15+", label: "Industries Covered" },
|
||||
{ value: "24/7", label: "Instant Support" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Pixel-Perfect Design",
|
||||
label: "Design",
|
||||
items: [
|
||||
"Obsessive attention to detail",
|
||||
"Modern aesthetic",
|
||||
"Clean, efficient code",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Instant Delivery",
|
||||
label: "Delivery",
|
||||
items: [
|
||||
"No waiting time",
|
||||
"Secure downloads",
|
||||
"Productivity-focused",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fully Responsive",
|
||||
label: "Responsive",
|
||||
items: [
|
||||
"Mobile-first approach",
|
||||
"Cross-device compatibility",
|
||||
"Seamless experiences",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Choose BrightBytee"
|
||||
description="Templates engineered for performance, scale, and aesthetic brilliance."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Pixel-Perfect Design", label: "Design", items: ["Obsessive attention to detail", "Modern aesthetic", "Clean, efficient code"] },
|
||||
{ id: "f2", title: "Instant Delivery", label: "Delivery", items: ["No waiting time", "Secure downloads", "Productivity-focused"] },
|
||||
{ id: "f3", title: "Fully Responsive", label: "Responsive", items: ["Mobile-first approach", "Cross-device compatibility", "Seamless experiences"] }
|
||||
]}
|
||||
title="Why Choose BrightBytee"
|
||||
description="Templates engineered for performance, scale, and aesthetic brilliance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Game Changer",
|
||||
quote: "The speed and quality of these templates saved us weeks of development.",
|
||||
name: "Aditya Rao",
|
||||
role: "Startup Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Beautifully Built",
|
||||
quote: "Clean code and stunning UI, exactly what our agency needed.",
|
||||
name: "Priya Sharma",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Highly Recommended",
|
||||
quote: "Instant delivery and secure UPI payment made it hassle-free.",
|
||||
name: "Karan Mehra",
|
||||
role: "Freelancer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Scalable Design",
|
||||
quote: "Perfect for our growing startup's web presence.",
|
||||
name: "Sneha Gupta",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
title: "Excellent Quality",
|
||||
quote: "Top tier design quality at a fraction of the cost.",
|
||||
name: "Rohan Deshmukh",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What entrepreneurs and developers say about our templates."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "m1", title: "Game Changer", quote: "The speed and quality of these templates saved us weeks of development.", name: "Aditya Rao", role: "Startup Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg" },
|
||||
{ id: "m2", title: "Beautifully Built", quote: "Clean code and stunning UI, exactly what our agency needed.", name: "Priya Sharma", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg" },
|
||||
{ id: "m3", title: "Highly Recommended", quote: "Instant delivery and secure UPI payment made it hassle-free.", name: "Karan Mehra", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg" },
|
||||
{ id: "m4", title: "Scalable Design", quote: "Perfect for our growing startup's web presence.", name: "Sneha Gupta", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg" },
|
||||
{ id: "m5", title: "Excellent Quality", quote: "Top tier design quality at a fraction of the cost.", name: "Rohan Deshmukh", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" }
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What entrepreneurs and developers say about our templates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Innovators"
|
||||
description="Our templates are being used to build the future of Indian startups and beyond."
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateHub",
|
||||
"CreativeSolutions",
|
||||
"NextGen Digital",
|
||||
"StartupLaunch",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Innovators"
|
||||
description="Our templates are being used to build the future of Indian startups and beyond."
|
||||
names={["TechCorp", "InnovateHub", "CreativeSolutions", "NextGen Digital", "StartupLaunch"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Need Help or Have Questions?"
|
||||
description="For any inquiries or technical support, please contact us via email at brightbyteestudios68@gmail.com."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-52899.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Help or Have Questions?"
|
||||
description="For any inquiries or technical support, please contact us via email at brightbyteestudios68@gmail.com."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-52899.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,132 +7,74 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function TemplatesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Templates",
|
||||
id: "/templates",
|
||||
},
|
||||
{
|
||||
name: "Freebies",
|
||||
id: "/freebies",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "SaaS Launchpad",
|
||||
price: "₹1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57029.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Agency Portfolio",
|
||||
price: "₹2,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952958.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Creative Agency Pro",
|
||||
price: "₹3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320706.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Startup Boilerplate",
|
||||
price: "₹500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "E-Commerce Master",
|
||||
price: "₹4,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist Studio",
|
||||
price: "₹1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Templates"
|
||||
description="Unlock your brand potential with premium, pre-built solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Templates"
|
||||
description="Unlock your brand potential with premium, pre-built solutions."
|
||||
products={[
|
||||
{ id: "p1", name: "SaaS Launchpad", price: "₹1,500", imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57029.jpg" },
|
||||
{ id: "p2", name: "Agency Portfolio", price: "₹2,200", imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952958.jpg" },
|
||||
{ id: "p3", name: "Creative Agency Pro", price: "₹3,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320706.jpg" },
|
||||
{ id: "p4", name: "Startup Boilerplate", price: "₹500", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg" },
|
||||
{ id: "p5", name: "E-Commerce Master", price: "₹4,000", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg" },
|
||||
{ id: "p6", name: "Minimalist Studio", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Transparent Pricing"
|
||||
description="Choose a plan that fits your business needs."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Individual",
|
||||
price: "₹999",
|
||||
subtitle: "Perfect for beginners",
|
||||
features: [
|
||||
"Basic Support",
|
||||
"Lifetime Updates",
|
||||
"Single Project License",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Business",
|
||||
price: "₹2,499",
|
||||
subtitle: "For scaling teams",
|
||||
features: [
|
||||
"Priority Support",
|
||||
"Unlimited Updates",
|
||||
"Team Collaboration",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Transparent Pricing"
|
||||
description="Choose a plan that fits your business needs."
|
||||
plans={[
|
||||
{ id: "p1", badge: "Individual", price: "₹999", subtitle: "Perfect for beginners", features: ["Basic Support", "Lifetime Updates", "Single Project License"] },
|
||||
{ id: "p2", badge: "Business", price: "₹2,499", subtitle: "For scaling teams", features: ["Priority Support", "Unlimited Updates", "Team Collaboration"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user