Merge version_1_1781900360110 into main #1
@@ -10,217 +10,142 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
title="Websites / that sell."
|
||||
description="Premium templates, personalized for your business."
|
||||
primaryButton={{
|
||||
text: "Browse templates →",
|
||||
href: "#templates",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Custom project",
|
||||
href: "#custom",
|
||||
}}
|
||||
imageSrc="https://storage.googleapis.com/webild/users/user_3FN0WQ0mkUtdjM1wsQLBVwSWwn4/uploaded-1781900362869-honoo6qw.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Websites / that sell."
|
||||
description="Premium templates, personalized for your business."
|
||||
primaryButton={{
|
||||
text: "Browse templates →", href: "#templates"}}
|
||||
secondaryButton={{
|
||||
text: "Custom project", href: "#custom"}}
|
||||
imageSrc="https://storage.googleapis.com/webild/users/user_3FN0WQ0mkUtdjM1wsQLBVwSWwn4/uploaded-1781900362869-honoo6qw.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="marquee" data-section="marquee">
|
||||
<SectionErrorBoundary name="marquee">
|
||||
<div id="marquee" data-section="marquee">
|
||||
<SectionErrorBoundary name="marquee">
|
||||
<SocialProofMarquee
|
||||
tag="Capabilities"
|
||||
title="WEB DESIGN · TEMPLATES · HOSTING · MAINTENANCE · BRYNNAR · GLOBAL CLIENTS"
|
||||
names={[
|
||||
"WEB DESIGN",
|
||||
"TEMPLATES",
|
||||
"HOSTING",
|
||||
"MAINTENANCE",
|
||||
"BRYNNAR",
|
||||
"GLOBAL CLIENTS",
|
||||
"WEB DESIGN",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Capabilities"
|
||||
title="WEB DESIGN · TEMPLATES · HOSTING · MAINTENANCE · BRYNNAR · GLOBAL CLIENTS"
|
||||
description="Our professional services."
|
||||
names={[
|
||||
"WEB DESIGN", "TEMPLATES", "HOSTING", "MAINTENANCE", "BRYNNAR", "GLOBAL CLIENTS", "WEB DESIGN"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="templates" data-section="templates">
|
||||
<SectionErrorBoundary name="templates">
|
||||
<div id="templates" data-section="templates">
|
||||
<SectionErrorBoundary name="templates">
|
||||
<FeaturesImageBento
|
||||
tag="Templates"
|
||||
title="Choose your foundation."
|
||||
description="Personalized with your brand. Launched in days."
|
||||
items={[
|
||||
{
|
||||
title: "Template One",
|
||||
description: "From $2,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-coworkers-analyzing-business-charts-infographics-data-laptop-software-people-doing-teamwork-collaboration-create-paper-reviews-professional-report-close-up_482257-48646.jpg",
|
||||
},
|
||||
{
|
||||
title: "Template Two",
|
||||
description: "From $2,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/create-website-layout-blank-banner_53876-132284.jpg",
|
||||
},
|
||||
{
|
||||
title: "Template Three",
|
||||
description: "From $2,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-luxury-men-s-fashion-facebook-cover_23-2150823868.jpg",
|
||||
},
|
||||
{
|
||||
title: "Template Four",
|
||||
description: "From $2,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-laptop-with-blank-white-screen-isolated-black-background-close-up_169016-62680.jpg",
|
||||
},
|
||||
{
|
||||
title: "Template Five",
|
||||
description: "From $2,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-63784.jpg",
|
||||
},
|
||||
{
|
||||
title: "Template Six",
|
||||
description: "From $2,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg",
|
||||
},
|
||||
{
|
||||
title: "Custom Project",
|
||||
description: "Need unique?",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-closed-sign-glass-door_1232-2040.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Templates"
|
||||
title="Choose your foundation."
|
||||
description="Personalized with your brand. Launched in days."
|
||||
items={[
|
||||
{
|
||||
title: "Template One", description: "From $2,000", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-coworkers-analyzing-business-charts-infographics-data-laptop-software-people-doing-teamwork-collaboration-create-paper-reviews-professional-report-close-up_482257-48646.jpg"},
|
||||
{
|
||||
title: "Template Two", description: "From $2,000", imageSrc: "http://img.b2bpic.net/free-photo/create-website-layout-blank-banner_53876-132284.jpg"},
|
||||
{
|
||||
title: "Template Three", description: "From $2,000", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-luxury-men-s-fashion-facebook-cover_23-2150823868.jpg"},
|
||||
{
|
||||
title: "Template Four", description: "From $2,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-laptop-with-blank-white-screen-isolated-black-background-close-up_169016-62680.jpg"},
|
||||
{
|
||||
title: "Template Five", description: "From $2,000", imageSrc: "http://img.b2bpic.net/free-photo/abstract-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-63784.jpg"},
|
||||
{
|
||||
title: "Template Six", description: "From $2,000", imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg"},
|
||||
{
|
||||
title: "Custom Project", description: "Need unique?", imageSrc: "http://img.b2bpic.net/free-photo/open-closed-sign-glass-door_1232-2040.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<SectionErrorBoundary name="process">
|
||||
<div id="process" data-section="process">
|
||||
<SectionErrorBoundary name="process">
|
||||
<AboutMediaOverlay
|
||||
tag="Process"
|
||||
title="Simple process."
|
||||
description="We pick, personalize, and maintain. Ready in days."
|
||||
imageSrc="https://storage.googleapis.com/webild/users/user_3FN0WQ0mkUtdjM1wsQLBVwSWwn4/uploaded-1781900362870-dtb1lrbt.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Process"
|
||||
title="Simple process."
|
||||
description="We pick, personalize, and maintain. Ready in days."
|
||||
imageSrc="https://storage.googleapis.com/webild/users/user_3FN0WQ0mkUtdjM1wsQLBVwSWwn4/uploaded-1781900362870-dtb1lrbt.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="plans" data-section="plans">
|
||||
<SectionErrorBoundary name="plans">
|
||||
<div id="plans" data-section="plans">
|
||||
<SectionErrorBoundary name="plans">
|
||||
<PricingSimpleCards
|
||||
tag="Hosting Plans"
|
||||
title="Always online."
|
||||
description="Secure, fast, managed."
|
||||
plans={[
|
||||
{
|
||||
tag: "Basic",
|
||||
price: "$28/mo",
|
||||
description: "Hosting only.",
|
||||
features: [
|
||||
"Reliable uptime",
|
||||
"SSL Included",
|
||||
"Fast CDN",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Popular",
|
||||
price: "$65/mo",
|
||||
description: "Hosting + Care.",
|
||||
features: [
|
||||
"Daily backups",
|
||||
"Priority support",
|
||||
"Uptime monitoring",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Pro",
|
||||
price: "$130/mo",
|
||||
description: "Full maintenance.",
|
||||
features: [
|
||||
"Performance tuning",
|
||||
"Security audits",
|
||||
"Content updates",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Hosting Plans"
|
||||
title="Always online."
|
||||
description="Secure, fast, managed."
|
||||
plans={[
|
||||
{
|
||||
tag: "Basic", price: "$28/mo", description: "Hosting only.", features: [
|
||||
"Reliable uptime", "SSL Included", "Fast CDN"],
|
||||
},
|
||||
{
|
||||
tag: "Popular", price: "$65/mo", description: "Hosting + Care.", features: [
|
||||
"Daily backups", "Priority support", "Uptime monitoring"],
|
||||
},
|
||||
{
|
||||
tag: "Pro", price: "$130/mo", description: "Full maintenance.", features: [
|
||||
"Performance tuning", "Security audits", "Content updates"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="work" data-section="work">
|
||||
<SectionErrorBoundary name="work">
|
||||
<div id="work" data-section="work">
|
||||
<SectionErrorBoundary name="work">
|
||||
<FeaturesTaggedCards
|
||||
tag="Portfolio"
|
||||
title="Selected projects."
|
||||
description="Coming soon."
|
||||
items={[
|
||||
{
|
||||
tag: "Coming Soon",
|
||||
title: "Project A",
|
||||
description: "Under construction.",
|
||||
primaryButton: {
|
||||
text: "View",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-goal-oriented-general-managers-discuss-about-goals-copy-space_482257-123913.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Coming Soon",
|
||||
title: "Project B",
|
||||
description: "Under construction.",
|
||||
primaryButton: {
|
||||
text: "View",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-interior-landing-page-design-template_23-2149263407.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Coming Soon",
|
||||
title: "Project C",
|
||||
description: "Under construction.",
|
||||
primaryButton: {
|
||||
text: "View",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-coffee-shop-template_23-2149661648.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Portfolio"
|
||||
title="Selected projects."
|
||||
description="Coming soon."
|
||||
items={[
|
||||
{
|
||||
tag: "Coming Soon", title: "Project A", description: "Under construction.", primaryButton: {
|
||||
text: "View", href: "#"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-goal-oriented-general-managers-discuss-about-goals-copy-space_482257-123913.jpg"},
|
||||
{
|
||||
tag: "Coming Soon", title: "Project B", description: "Under construction.", primaryButton: {
|
||||
text: "View", href: "#"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-interior-landing-page-design-template_23-2149263407.jpg"},
|
||||
{
|
||||
tag: "Coming Soon", title: "Project C", description: "Under construction.", primaryButton: {
|
||||
text: "View", href: "#"},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-coffee-shop-template_23-2149661648.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="custom" data-section="custom">
|
||||
<SectionErrorBoundary name="custom">
|
||||
<div id="custom" data-section="custom">
|
||||
<SectionErrorBoundary name="custom">
|
||||
<ContactCta
|
||||
tag="Custom Work"
|
||||
text="For businesses that need a fully custom website. Built from scratch, designed around your goals."
|
||||
primaryButton={{
|
||||
text: "Start a custom project →",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact us",
|
||||
href: "mailto:hello@brynnar.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Custom Work"
|
||||
text="For businesses that need a fully custom website. Built from scratch, designed around your goals."
|
||||
primaryButton={{
|
||||
text: "Start a custom project →", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact us", href: "mailto:hello@brynnar.com"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="START NOW"
|
||||
text="Let's build something."
|
||||
primaryButton={{
|
||||
text: "Browse templates →",
|
||||
href: "#templates",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Falar no WhatsApp →",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="START NOW"
|
||||
text="Let's build something."
|
||||
primaryButton={{
|
||||
text: "Browse templates →", href: "#templates"}}
|
||||
secondaryButton={{
|
||||
text: "Falar no WhatsApp →", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user