[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import SoyTempeChipsLanding from "../components/SoyTempeChipsLanding" import { metadata } from "./metadata" export { metadata }; export default function Home() { return } [V0_FILE]typescriptreact:file="components/SoyTempeChipsLanding.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { HeroSection } from "./HeroSection" import { ProductionSection } from "./ProductionSection" import { TempeSection } from "./TempeSection" import { HealthySection } from "./HealthySection" import { FlavorsSection } from "./FlavorsSection" import { Footer } from "./Footer" export default function SoyTempeChipsLanding() { return (

) } [V0_FILE]typescriptreact:file="components/MissionSection.tsx" isMerged="true" import Image from "next/image" import { NotoSansJP } from "../app/layout" export function MissionSection() { return (

ブランドについて

植物由来&グルテンフリー

大豆テンペチップスは動物由来の成分や小麦を一切含まないため食事制限やアレルギーのある方でも安心して食べていただけます

) } [V0_FILE]typescriptreact:file="components/FlavorsSection.tsx" isMerged="true" "use client" import Image from "next/image" import { Button } from "@/components/ui/button" import { NotoSansJP, AutourOne } from "../app/layout" import { AnimatedSection } from "./AnimatedSection" import { motion } from "framer-motion" export function FlavorsSection() { return ( Flavors 大豆テンペチップスはヘルシーな大豆由来でありながら十分な満足感の得られる全く新しいおやつです ) } function FlavorGrid() { const flavors = [ { name: "サンバル味", description: "インドネシア風唐辛子ソースの刺激的でスパイシーな味わい", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/pacfkageSambal-5OtCnQwSPBLTCqGIAT3JmmTkFkriuO.png", bg: "bg-[#ed0677]/10", }, { name: "旨塩味", description: "シンプルながら深みのある塩味で大豆の風味を引き立てる", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E6%97%A8%E5%A1%A9%E5%91%B3_Comingsoon-RWesr5OOGjpQOrBhlkl4SyP4DeL0Ar.png", bg: "bg-[#fee4c4]/20", }, { name: "海苔味", description: "香り豊かな海苔の風味が大豆の旨みと絶妙にマッチ", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E6%B5%B7%E8%8B%94%E5%91%B3_Comingsoon-NmFSwIULLdAV7yNIDhXBXOw3gtZasP.png", bg: "bg-[#c0e016]/10", }, ] return (

{flavors.map((flavor, index) => ( ))}

) } function FlavorCard({ name, description, image, bg, index, }: { name: string description: string image: string bg: string index: number }) { return ( {name}

{name}

{description}

) } function CTAButton() { return ( ) } [V0_FILE]typescriptreact:file="components/TempeSection.tsx" isMerged="true" "use client" import Image from "next/image" import { NotoSansJP } from "../app/layout" import { AnimatedSection } from "./AnimatedSection" import { motion } from "framer-motion" export function TempeSection() { return (

) } function DecorativeChips() { return (

) } function TempeContent() { return ( What Tempe？インドネシア生まれの栄養豊富なスーパーフードテンペはインドネシアで作られる大豆を発酵させた食べ物です。発酵食品でありながら癖や匂いがなく栄養価も高いため近年世界中の方から注目を集めています。 ) } function TempeImage() { return ( ブランドストーリー

) } [V0_FILE]typescriptreact:file="components/Header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { NotoSansJP, balthazar } from "../app/layout" export function Header() { return null } [V0_FILE]typescriptreact:file="components/HeroSection.tsx" isMerged="true" "use client" import Image from "next/image" import { Button } from "@/components/ui/button" import { NotoSansJP, AutourOne } from "../app/layout" import { AnimatedSection } from "./AnimatedSection" import { motion } from "framer-motion" export function HeroSection() { return (

) } function DecorativeChips() { return (

) } function HeroContent() { return ( サクサク健康、テンペで満足。大豆テンペ CHIPS 大豆を発酵させたテンペで作った、からだに優しいおやつ ) } function HeroImage() { return ( 大豆テンペチップス

) } [V0_FILE]typescriptreact:file="components/AnimatedSection.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import { useInView } from "framer-motion" import { useRef } from "react" export function AnimatedSection({ children, className = "", }: { children: React.ReactNode className?: string }) { const ref = useRef(null) const isInView = useInView(ref, { once: true, margin: "-10%" }) return ( {children} ) } [V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; :root { --foreground-rgb: 0, 0, 0; --background-start-rgb: 214, 219, 220; --background-end-rgb: 255, 255, 255; } body { color: rgb(var(--foreground-rgb)); background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb)); } @keyframes float { 0%, 100% { transform: translateY(0) rotate(var(--rotation, 0deg)); } 50% { transform: translateY(-20px) rotate(var(--rotation, 0deg)); } } @keyframes float-delayed { 0%, 100% { transform: translateY(0) rotate(var(--rotation, 0deg)); } 50% { transform: translateY(-20px) rotate(var(--rotation, 0deg)); } } .animate-float { animation: float 6s ease-in-out infinite; } .animate-float-delayed { animation: float-delayed 6s ease-in-out infinite; animation-delay: -3s; } @media (prefers-reduced-motion: reduce) { .animate-float, .animate-float-delayed { animation: none; } } [V0_FILE]typescriptreact:file="components/ProductionSection.tsx" isQuickEdit="true" isMerged="true" "use client" import Image from "next/image" import { NotoSansJP, AutourOne } from "../app/layout" import { AnimatedSection } from "./AnimatedSection" import { motion } from "framer-motion" export function ProductionSection() { return ( Description 大豆テンペチップスはヘルシーな大豆由来でありながら十分な満足感の得られる全く新しいおやつです ) } function DecorativeChip() { return (

) } function FeatureGrid() { const features = [ { title: "高たんぱく", description: "健康や筋肉づくりをサポートするたんぱく質を多く含む", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/more-muscles-in-chicken-arms-nscOO2ZSMCSpErEsnb8AeYyZgQpZgq.png", style: "w-full h-40 md:h-48 object-contain bg-[#fff]", }, { title: "低カロリー＆低脂質", description: "一袋で安心して食べられる少ないカロリー", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/softly-floating-two-pale-pink-balloons-SblUYnONUdB4BfcHwNGqDzc0TSMsMY.png", style: "w-full h-40 md:h-48 object-cover object-[50%,25%]", }, { title: "罪悪感ゼロ", description: "ナチュラル素材で安心して食べられる", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/write-no-guilt----JMieujjWsJjeSph81ybCIzadqpAgrB.png", style: "w-full h-40 md:h-48 object-cover bg-[#f8f8f8]", }, { title: "どこでもサクサク", description: "持ち運びに便利で、仕事や外出先でも楽しめる", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/the-mouth-of-a-woman-with-beautiful--well-aligned--bA23YHALbneSOsieFHjSFoKKpOXWee.png", style: "w-full h-40 md:h-48 object-cover", }, ] return (

{features.map((feature, index) => ( ))}

) } function FeatureCard({ title, description, image, style, index, }: { title: string description: string image: string style: string index: number }) { return ( {title}

{title}

{description}

) } [V0_FILE]typescriptreact:file="components/HealthySection.tsx" isQuickEdit="true" isMerged="true" "use client" import Image from "next/image" import { NotoSansJP } from "../app/layout" import { AnimatedSection } from "./AnimatedSection" import { motion } from "framer-motion" export function HealthySection() { return (

) } function DecorativeChips() { return (

) } function HealthyContent() { return ( 健康にきをつかうあなたに！植物由来&グルテンフリー大豆テンペチップスは動物由来の成分や小麦を一切含まないため食事制限やアレルギーのある方でも安心して食べていただけます。 ) } function HealthyImage() { return ( グルテンフリーの食材とグルテンフリーの看板

) } [V0_FILE]typescriptreact:file="components/ElevateSection.tsx" isQuickEdit="true" isMerged="true" "use client" import Image from "next/image" import { Button } from "@/components/ui/button" export function ElevateSection() { return (

) } function BackgroundImage() { return (

) } function Content() { return (

大豆テンペ革命に参加しよう

あなたのスナッキングを高める

大豆テンペチップスは単なるスナックではありません。スナック業界でより健康的で持続可能なオプションを提供するという私たちのコミットメントの証です。

) } [V0_FILE]typescriptreact:file="app/company/page.tsx" isEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" import { MapModal } from "../../components/map-modal" import { Footer } from "../../components/Footer" export default function CompanyProfile() { const [isMapOpen, setIsMapOpen] = useState(false) useEffect(() => { // Scroll to the top of the page when the component mounts window.scrollTo(0, 0) }, []) return (

会社概要

{/* Logo Section */}

{/* Company Information */}

会社名

株式会社DRAGON AGENCY

DRAGON AGENCY, Ltd.

本社所在地

〒450-0002

名古屋市中村区名駅5丁目23番17号

名駅フォレストビル3F ( )

TEL

052-569-5230

FAX

052-569-5231

役員

代表取締役　飯田　真資

取締役　　　西尾　貞将

取締役　　　宮原　宏門

監査役　　　中田　英智

事業内容

企業ソフトウェア開発・保守

パッケージソフトウェア開発・販売

情報システムに関するコンサルティング

インターネット通販

ホームページ

https://dragonagency.co.jp

setIsMapOpen(false)} />

) } [V0_FILE]typescriptreact:file="components/map-modal.tsx" isMerged="true" "use client" import { Dialog, DialogContent } from "@/components/ui/dialog" import { MapPin } from "lucide-react" import Image from "next/image" interface MapModalProps { isOpen: boolean onClose: () => void } export function MapModal({ isOpen, onClose }: MapModalProps) { const address = "〒450-0002 名古屋市中村区名駅5丁目23番17号" const encodedAddress = encodeURIComponent(address) return (

About

Tags

Share

About

Tags

Share

More from masahiroogata-8802

More Templates Like This

About

Tags

Share

About

Tags

Share

More from masahiroogata-8802

More Templates Like This